Creating COVID-19 Heat Map for Specific Countries

If you’re using the plugin to create maps for individual countries with data about the new coronavirus (COVID-19), here are some tips on how to do it.

Portugal confirmed cases by municipalities

March 26 2020

Updated on March 26th, 14:00
Municipalities with less than 3 cases are not included

March 25 2020

Updated on March 25th, 21:00
Data only represents ~50% of total confirmed cases.


Getting the data

The data available might not be formatted the way you want. If you’re displaying a small country with a small number of regions, you can add the data manually to each region. In the example above for Portugal, the data is released in a table in PDF format, so it’s not available to be used directly by the plugin. I first needed to convert that data into JSON and then use it as a custom data source for the map. Consider the id property of your JSON entries, should match either the real region ID or the name. The plugin won’t be able to recognize entries that don’t match either.

I wrote a couple of other articles on how to use external data sources to feed the map automatically, but this will require javascript knowledge.

Creating the Map

Once you know where you’ll get the data from and have selected the map, you can create it. Here are some links that will help:

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

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.

World Map with US divided by states

Having a world map with the US divided by states in your WordPress site is now possible with Interactive Geo Maps PRO.



The PRO version of the plugin will allow you to ‘overlay’ maps. In the example above we created 2 separate maps. A world map and a map of the US divided by states.

In the world map we selected to overlay the US map. As simple as that. You can overlay as many maps as you want in the ‘base’ map. You could have other countries divided by regions if needed.

You will be able to add interactivity to any country and any state in the map, setting up custom hover colours, tooltip content and click actions.

Contact me or leave a comment below with any questions you might have.