Markers Map with Interactive Legend

In this example we have a map of the world with markers showing their title and an interactive legend.

The above map uses the following features:

  • There are 2 maps overlaid, to have the 2 sets of markers
  • Each map, in the markers tab has the option to display in the legend
  • The auto labels for the markers is also enabled, to display the title below the marker
  • In the base map, the auto legend option is enabled, with the Interactive > Highlight option enabled
  • Some custom CSS were added to create the hover animation

Live Filter and Clustered Markers

  • All
  • Beta
  • Alpha

With the Pro version you can display a live filter, that will show/hide markers from different maps that can be clustered.

In this example we see how the live filter behaves when the markers from the different maps are clustered. The markers will only create clusters with other markers from the same map. When we change the filter, the zoom will also reset.

Subdividing USA states to create custom regions

If you need to create sub-regions of a state in the US map, one approach could be to create individual state maps, where you create groups of regions with counties and they overlay those maps in the main US map. The result could be something like the example below:

The result is not perfect, but it’s usable in most scenarios.

This is achieved by using the individual county codes in a single region entry, in the state map:

Subdividing USA states to create custom regions

In addition to creating groups, in the individual state map of the example below, we also set the borders to be 0px, so that the state borders are less visible. If you have the groups coloured the same way, you can set the border colour to be that same colour, instead of setting it to 0px. Another approach to improve the county borders issue could be to create individual maps for each group and this way you can set the border colour individually for those maps. In the example above you would end up having 3 maps in addition to the base map.

Other solutions to create custom regions, would include the creation of custom geojson files, which might not be so easy.

Iberian Peninsula Map

The Pro version of the plugin allows you to combine different maps, so you could have maps of countries divided by regions combined with their neighbouring countries. In this example we create a map of both Portugal and Spain and combine it in a single map, using the overlay feature.



In this particular example, since both countries have islands that are far from the mainland, the map seems a bit zoomed out. If you only need to display the mainland regions, you could setup a different initial zoom.

Using Custom Maps

The plugin allows you to use custom geoJSON files to create your maps. I have created a custom map for the Iberian Peninsula map using QGIS software and moved the islands closer to the mainland and merged both maps together. I hosted the source file on github so anyone case use them. This is the resulting map below.



This representation of the map has the advantage of having the islands closer and therefore the viewport for map doesn’t make the mainland portion so zoomed out. The disadvantage is that the coordinates for the locations of the islands are not the correct ones and therefore you would need to use different coordinates if you need to add markers.

If you have any question related with this map feel free to contact us or leave a comment below.