All map examples were generated with our plugin. Most examples can be imported directly to your plugin. A download button can be found at the end of each example page.
The following example illustrates how you can mix two display modes:
Normally, the plugin won’t allow to use markers and colored regions on one map. This is mainly due to the Google Geochart API. Since there is no way to achieve this by natively using the API, we will have to create two seperate maps. We use CSS to position the maps over each other. At the end you will have a map that looks like the one from above.
If you want to use this technique on your site, then you can do the following:
Import both maps from below. Simply click on the download button and follow the instructions there.
Once this is done, insert the maps on site (pages, posts, etc.) by using the following HTML. Please note that the order of the shortcodes is important. The first shortcode is the regions map and the second the markers map. Please make sure to insert the correct ids for the maps. :
It is also necessary to make sure that the following styles are applied. If you import the maps from below, you can skip this step since you won’t need to add the following CSS. They are already included in the map template of the markers map. If you want to use this technique with already existing maps, then make sure that you use the following CSS (together with the HTML from before):