Map styling

Map styling JSON code

[
	{
		"featureType": "administrative.land_parcel",
		"elementType": "labels",
		"stylers": [{"visibility": "off"}]
	},
	{
		"featureType": "landscape",
		"stylers": [{"visibility": "on"}]
	},
	{
		"featureType": "landscape",
		"elementType": "geometry.fill",
		"stylers": [{"color": "#f9f9f9"}]
	},
	{
		"featureType": "landscape.man_made",
		"stylers": [{"color": "#eeeeee"},{"visibility": "on"}]
	},
	{
		"featureType": "poi.business",
		"elementType": "geometry.fill",
		"stylers": [{"color": "#cceac1"},{"visibility": "on"}]
	},
	{
		"featureType": "poi.park",
		"elementType": "geometry.fill",
		"stylers": [{"color": "#cceac1"}]
	},
	{
		"featureType": "road.arterial",
		"elementType": "geometry",
		"stylers": [{"color": "#cccccc"}]
	},
	{
		"featureType": "road.arterial",
		"elementType": "labels",
		"stylers": [{"visibility": "on"}]
	},
	{
		"featureType": "road.highway",
		"stylers": [{"color": "#aaaaaa"}]
	},
	{
		"featureType": "road.highway",
		"elementType": "labels",
		"stylers": [{"visibility": "off"}]
	},
	{
		"featureType": "road.local",
		"elementType": "geometry.fill",
		"stylers": [{"color": "#cccccc"}]
	},
	{
		"featureType": "road.local",
		"elementType": "labels",
		"stylers": [{"visibility": "on"}]
	},
	{
		"featureType": "water",
		"stylers": [{"color": "#7ca6dc"}]
	}
]

Google API code

Don't forget to replace your YOUR_API_KEY with a valid key when adding the code below

"https://maps.googleapis.com/maps/api/staticmap?key=YOUR_API_KEY&center=51.50317383206817,-0.016352331638369577&zoom=14&format=png&maptype=roadmap&style=feature:administrative.land_parcel%7Celement:labels%7Cvisibility:off&style=feature:landscape%7Cvisibility:on&style=feature:landscape%7Celement:geometry.fill%7Ccolor:0xf9f9f9&style=feature:landscape.man_made%7Ccolor:0xeeeeee%7Cvisibility:on&style=feature:poi.business%7Celement:geometry.fill%7Ccolor:0xcceac1%7Cvisibility:on&style=feature:poi.park%7Celement:geometry.fill%7Ccolor:0xcceac1&style=feature:road.arterial%7Celement:geometry%7Ccolor:0xcccccc&style=feature:road.arterial%7Celement:labels%7Cvisibility:on&style=feature:road.highway%7Ccolor:0xaaaaaa&style=feature:road.highway%7Celement:labels%7Cvisibility:off&style=feature:road.local%7Celement:geometry.fill%7Ccolor:0xcccccc&style=feature:road.local%7Celement:labels%7Cvisibility:on&style=feature:water%7Ccolor:0x7ca6dc&size=480x360"

---

Custom markers overview

The following table gives you a quick overview of the custom marker icons that can be applied.