The #1 mapping solution for WordPress sites
Ready-to-use with free maps & free geocoding

How to configure different styles for Google Maps basemaps

If you registered a Google Maps API key, you can use the following pre-defined Google basemaps out-of-the-box:

  • Google Maps (Roadmap)
  • Google Maps (Sattelite)
  • Google Maps (Hybrid)
  • Google Maps (Terrain)

Beyond that, you can use the advanced Google custom styles feature to further customize your Google maps – all you have to do is to enter the custom JSON configuration into the “Google Styles” fields, which you find on map edit pages, after showing the advanced settings:

You can use the following external services to create your own custom styles or copy pre-defined custom styles for your maps:

  • https://snazzymaps.com/
    select a style you like and copy the “Javascript Style Array” into the “Google styles” form field in Maps Marker Pro:

  • https://mapstyle.withgoogle.com/
    create a style you like and after finishing, use the “Copy JSON” link and paste it into the “Google styles” form field in Maps Marker Pro:

Save the map, done.

A reload on the Maps Marker Pro map edit page is needed for the changes to apply to Google Maps.