Clickable links in map tooltips

In the Pro version of the plugin you can enable the option to have your tooltips be ‘fixed’. This will prevent the tooltips from following the mouse movements and remain fixed in the same place, allowing also for you to hover its content and therefore click any links the tooltip might have.

Here’s a simple example of tooltips in markers and regions with clickable links.

To replicate this behaviour, you simply need to go to the Tooltip tab and enable the option ‘Fixed’.

Change map background when interacting with map

In this example we created a custom javascript snippet to change the background of the map when a region is clicked.


This is only possible with the Pro version of the plugin.
To achieve this you will need to do the following:

  • Add the regions and in the ‘Action Content’ field, add the URL to the image you want to associate with that region;
  • The regions added should leave the option to ‘use defaults’ enabled;
  • In the region Defaults, set the click action to ‘custom’.
  • Add the following code to the javascript custom action field:
var mapwrapper = document.getElementById('map_wrapper_20884');
mapwrapper.style.backgroundImage = "url('" + data.content + "')";
mapwrapper.style.backgroundSize = "contain";
  • Consider the map_wrapper_20884 is the id of the current map wrapper. You can change this to any other element ID on your page. 20884 in this example is the ID of the map above.

The custom code can be enhanced for improvements or to trigger any other style change.

Some screenshots of the map edit screen for the relevant options:

Change map background when interacting with map
Change map background when interacting with map

If you have any question feel free to leave a comment below or contact me.

Building an Interactive Map of the Roman Empire

It’s always interesting to see how the maps change throughout history, they are one of the most powerful visual ways to see historic information. Below is an example of a map for the Roman Empire, which lasted a few centuries and included large territorial holdings around the Mediterranean Sea in Europe, North Africa and West Asia.



The plugin itself doesn’t include a map of Roman Empire regions, but since we can use custom geoJson files, after some online search I came across a map for it which I then adapted to use with the plugin, also using the overlay option to display it in the normal world map focused on the Mediterranean sea.


Live filter on map with vector icons

The challenge today was to replicate an existing map that a client already had online in a website, but needed more flexibility. Requirements:

For this project we used the overlay technique, which allows us to display multiple maps in the same base map and filter them if necessary either with a legend or an external live filter. So we create 4 maps:

  • Map for International Projects
  • Map for National Projects
  • Map for Biennials
  • Base map, with the 3 maps above in overlay

This is the result:

  • All
  • Bienals
  • International Projects
  • Nacional Projects

It’s worth noting also that we used the option to load content from a raw data source, a specific CSV format. This allowed us to import the data from the already existing map.

If you want to replicate a specific map let us know and we’ll see what we can do.