Group Hover Example with Custom Middle East Map

In this example we explored the group feature together with the overlay maps option to achieve the map below. The requirements where that some countries would share the same hover state but keep individual tooltips.

The map above actually represents 3 different maps. The main map with the dark purple and then 2 maps for each group of countries in green. The 3 maps are displayed in the same using the overlay feature, available in the PRO version, where each of the overlaid maps has the ‘Group’ option enabled, so that they share the same hover effect. In this particular example we included individual tooltips for each country even in the grouped countries, by adding an individual entry for each country, instead of ‘grouping’ them in one entry.

The above map, with only these countries, doesn’t exist by default. We created a ‘custom map’ by using the ‘Regions to Display‘ option and specifying the regions we wanted from the included world map.

If you have any question on how to create a similar map feel free to contact us.

US and Canada divided by regions

With Interactive Geo Maps Pro you can display multiple maps together using the overlay feature. You just need to create each map separately and then in one of them instruct to load the other one. We used this feature to create a map of United States of America divided by states together with the map of Canada divided by provinces and territories.

To achieve the result above you need to create 2 maps. One for the US and another one for Canada and create the interactivity you want in the regions or add markers. Once you have the 2 maps, you can edit one of them and in the ‘Overlay’ section simply select the other map. That map will now display both maps together.

You can set different colors and click actions for each individual state or marker in both maps.

There are several interactive maps plugins for WordPress, but for sure this is one of the features that sets this plugin apart from the others. Check out the full list of features available in the Pro version.

Advanced Map Zoom

The free version of the plugin offers a simple zoom feature, with zoom in/out controls display at the bottom right of the map and the ability to drag/pan the map with the mouse or in a touch device. The Pro version of the plugin will include more options to enhance the zoom feature, including:

  • Home Button
  • Double click zoom
  • Mouse wheel zoom
  • Change controls position

Advanced Zoom Example

In the map above you can use the mouse wheel to zoom, double click and use the home button to reset the map position. We added the controls to the bottom left position, but they can be in any of the map’s corners.

These features are only available on the PRO version of the plugin, which you can try for free, soon.

Using legend to filter markers

A user recently asked me if it would be possible to have a map with markers that could be filterable. The PRO version of the plugin allows you to display different maps in the same base map and have the legend enable/disable the different maps included. This is small sample of what could be done:

Click to see more details.

You can click the legend items to enable/disable markers and you can click individual markers to reveal information to the right of the map. The map can grow to have more categories and even include interactions in the regions themselves.

The way this is done is that we created one map for each category, enabled the ‘include in legend’ for the markers and then created a ‘base map’, which is the one we’re seeing above, that displays all the category maps.

The Interactive Legend and action to display content to the right of the map are only available in the PRO version.