To customize the map style in Listivo using a style from Snazzy Maps, follow these steps:
1. Visit https://snazzymaps.com/ to find a variety of custom map styles
2. For example, to use the "Blue Water" style, go to https://snazzymaps.com/style/25/blue-water
3. Click on “Expand Code” to view the style code.
3. Copy the code but exclude the line labeled 'JAVASCRIPT STYLE ARRAY:'. Your copied code should look like this:
[ { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [ { "color": "#444444" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#46bcec" }, { "visibility": "on" } ] } ]
4. Paste the copied code into the Google Map Element or navigate to Listivo Panel > Maps > Snazzy and input the code there.
5. After applying the code, the new style will be applied across all Listivo Google Map integrations, such as Map Search, Add Ad Form, and Single Ad Template.