Creating a Custom Map Theme - Google maps engine

overview this article covers creating a custom theme for your wp go maps map you will learn how to create a theme for google maps engine and how to add it to the settings for your map setup prerequisites the following plugin/s need to be installed and active wp go maps the following map engine needs to be enabled wp google maps engine create a custom map theme we will use the google maps apis styling wizard https //mapstyle withgoogle com/ to create a style for our map start by going to this url, https //mapstyle withgoogle com/ https //mapstyle withgoogle com/ , and select the "no thanks, take me to the old style wizard" url at bottom of the modal (the old style wizard is used because it makes the json code available for the theme that has been created/customized) from the left create map style sidebar, select one of the 6 sample themes as a starting point for this article, we chose the retro style when you select a style by clicking in the appropriate radio button the map preview will change to your selected style the next step is to fine tune the details for our new theme click the more options button at the bottom of the left sidebar you can now make changes to all of your map’s features the highest level at which you can make changes is all to make changes at this level, click the arrow to the right of all in the sidebar the sidebar will expand as shown below you can make global changes to the geometry and labels on your map here click on the arrow for the feature you want to change in the screenshot below we are changing the color of the icon associated with each label please note the changed icon colors on the preview map you can make changes to any of the following feature types using the styling wizard https //mapstyle withgoogle com/ all (global changes) administrative (borders – both official and unofficial) landscape (terrain – both man made and natural) points of interest road transit water one of the most useful changes you can make to personalize a map is to hide different features in the screenshot below, all business points of interest are hidden compare this screenshot with those above and you will see that both the sydney harbour bridge and the anzac bridge are no longer visible on the map once you have finished customizing a theme, click the finish button the export style window opens up copy the json code for pasting into the wp go maps settings for our map next we'll paste this code directly into the wp go maps settings use your custom theme in wp go maps navigate to the themes area of the map you'd like to apply your custom style to wp go maps > maps (edit your chosen map) > settings > themes > theme data right click into the text box and press {ctrl}{v} to paste your json code then click the save button your map now has a custom theme