Greyvy/mcbride-map

Map styles

Helpful links

• json formatter
• Styling wizard
• Public dev link
• Some snazzy maps

Breakpoints

• v1 is at ____ or _____
• v2 is at 38em or 608px
• v3 is at ____ or _____

Lé v1 json array

[{"stylers":[{"saturation":-100}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#78706b"}]},{"featureType":"landscape","stylers":[{"color":"#b8ada3"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#bebebe"}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"transit.line","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"color":"#c8c2bb"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#aba090"}]},{"featureType":"administrative","stylers":[{"color":"#b2a493"}]},{"featureType":"poi","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"labels","stylers":[{"color":"#ffffff"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"labels.icon","stylers":[{"visibility":"on"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]}]

Lé v2 json array

[{"stylers":[{"saturation":-100}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#6f665e"}]},{"featureType":"landscape","stylers":[{"color":"#a59a8d"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#bebebe"}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"transit.line","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"color":"#c8c2bb"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#9d9080"}]},{"featureType":"administrative","stylers":[{"color":"#998c80"}]},{"featureType":"poi","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"labels","stylers":[{"color":"#ffffff"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"labels.icon","stylers":[{"visibility":"on"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]}]