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:

Please also make sure you have a Google basemap active as “Basemaps”, as the custom style of course will get applied to Google basemaps only.

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

    select a style you like and copy the “Javascript Style Array” into the “Google styles” form field in Maps Marker Pro:

    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.

Rate this user guide

Thanks for your feedback, please add a comment to help us improve this post.