How Can We Change the Color of Google Maps?

Agile Store Locator has built-in 9 styles of Google Maps which can be used on your store locator page. Furthermore, admins can apply these settings from “ASL Settings” or through the shortcode attribute map_layout. If the provided styles don’t fulfill the requirement, you can follow the below steps to generate your own Google Maps style.

  • Open up Snazzy Map Editor to Create your own Map style.
  • Apply all the required colors and styles to your Google Map and click View Code to see the generated style JSON.
    Snazzy Map Image of Snazzy Map Style

Copy the generated JSON into the Map Custom field in the ASL Settings > Maps section.

custom maps
ASL Settings > Maps Tab

Once you apply the steps properly, you will see the Google map of the store locator with your own created style.