Maps example - Google Maps - Styled Map
Template code
{exp:reinos_maps:html_header}
{exp:reinos_maps:map
width="100%"
zoom="6"
tiles="google_maps_roadmap"
}
{google_maps:style}
[
{elementType: "geometry", stylers: [{color: "#242f3e"}]},
{elementType: "labels.text.stroke", stylers: [{color: "#242f3e"}]},
{elementType: "labels.text.fill", stylers: [{color: "#746855"}]},
{
featureType: "administrative.locality",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}]
},
{
featureType: "poi",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}]
},
{
featureType: "poi.park",
elementType: "geometry",
stylers: [{color: "#263c3f"}]
},
{
featureType: "poi.park",
elementType: "labels.text.fill",
stylers: [{color: "#6b9a76"}]
},
{
featureType: "road",
elementType: "geometry",
stylers: [{color: "#38414e"}]
},
{
featureType: "road",
elementType: "geometry.stroke",
stylers: [{color: "#212a37"}]
},
{
featureType: "road",
elementType: "labels.text.fill",
stylers: [{color: "#9ca5b3"}]
},
{
featureType: "road.highway",
elementType: "geometry",
stylers: [{color: "#746855"}]
},
{
featureType: "road.highway",
elementType: "geometry.stroke",
stylers: [{color: "#1f2835"}]
},
{
featureType: "road.highway",
elementType: "labels.text.fill",
stylers: [{color: "#f3d19c"}]
},
{
featureType: "transit",
elementType: "geometry",
stylers: [{color: "#2f3948"}]
},
{
featureType: "transit.station",
elementType: "labels.text.fill",
stylers: [{color: "#d59563"}]
},
{
featureType: "water",
elementType: "geometry",
stylers: [{color: "#17263c"}]
},
{
featureType: "water",
elementType: "labels.text.fill",
stylers: [{color: "#515c6d"}]
},
{
featureType: "water",
elementType: "labels.text.stroke",
stylers: [{color: "#17263c"}]
}
]
{/google_maps:style}
{/exp:reinos_maps:map}
{exp:reinos_maps:html_footer}