Home / / Theme Options – Maps – Google Maps Extra Settings

Theme Options – Maps – Google Maps Extra Settings

187 views

These options allow you to customize how Google Maps is displayed and functions across your website, if you select Google Maps as you maps base in Maps General Settings

Google Maps Extra Settings

1. Default Google Maps View

Select the default map type to be used on your site. This setting applies only to Google Maps.

Available options:

  • ROADMAP – Standard 2D map.

  • SATELLITE – Aerial imagery.

  • HYBRID – A combination of normal and satellite views.

  • TERRAIN – Shows physical features like terrain and elevation.

2. Use Cache for Google Maps?

When enabled, the map pins are cached to improve performance.

  • Yes – The map data will refresh automatically every 3 hours.

  • No – The map always loads the latest pins but may impact loading speed.

3. Show Google Maps Search Over Map?

Enable or disable the Google Maps search bar displayed on the map.

  • Yes – Search bar appears on the map.

  • No – Search bar is hidden.

4. Style for Google Maps

You can customize the appearance of your Google Maps using styles from Snazzy Maps.

How to apply a custom style:

  1. Go to Snazzy Maps and choose a style you like.

  2. Copy the JSON style code.

  3. Paste it into the Style for Google Maps field.

  4. Tip: You can use any JSON style from Snazzy Maps to create unique and visually appealing map designs.

Example of Custom Style JSON:

[
{
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#444444"
}
]
},
{
"featureType": "landscape",
"elementType": "all",
"stylers": [
{
"color": "#f2f2f2"
}
]
},
{
"featureType": "landscape",
"elementType": "labels.text",
"stylers": [
{
"visibility": "on"
},
{
"hue": "#ff0000"
}
]
},
{
"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": "#0CC3F8"
},
{
"visibility": "on"
}
]
}
]