Maps - markhowellsmead/helpers GitHub Wiki

Hello Roots integration

• https://github.com/markhowellsmead/helpers/tree/master/wordpress/maps

Alternatives (2023)

• https://maplibre.org/
• MapLibre clustering: https://maplibre.org/maplibre-gl-js/docs/examples/cluster/

Costs

Google Maps

• https://cloud.google.com/maps-platform/pricing/
• https://cloud.google.com/maps-platform/pricing/sheet/?hl=en
• https://mapsplatformtransition.withgoogle.com/calculator?hl=en

Mapbox

• https://www.mapbox.com/pricing/

Plugins

• Panzoom (JavaScript)

Use SVG as Marker icon

You need to specify the size with this workaround.

var marker = new google.maps.Marker({
	position: new google.maps.LatLng($(this).data('snazzymap-location')[0], $(this).data('snazzymap-location')[1]),
	icon: {
		url: $('body').data('themeroot') + '/assets/dist/images/icons/HG.svg',
		size: new google.maps.Size(49, 62),
		scaledSize: new google.maps.Size(49, 62)
	},
	map: map
});

Geographical centre point of Switzerland

46.798523, 8.231797