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.

4 Replies to “Creating COVID-19 Heat Map for Specific Countries”

  1. JUAN PABLO MONTIEL BONILLA June 2, 2020 at 10:16 pm

    Hola buenas tardes

    Me llamo juan pablo, te escribo desde guanajuato, mexico.

    Estoy iniciando con los mapas interactivos, necesito de tu ayuda.

    Como puedo hacer para que me salga el nombre del municipio sin escribir las coordenadas en el codigo. Por ejemplo como el caso de mexico cuando das click sale el nombre del estado que te dejo esta url del estado de guanajuato y la otra pregunta seria como puedo obtenerlo en codigo html para saber el nombre de los municipios.(condados)


    1. Carlos Moreira June 4, 2020 at 3:18 pm

      Hi Juan! Thank you for using the plugin. Please write me using the ‘contact’ option from inside the plugin menu or this link and we can follow up using email. If possible, write in english: although I understand a bit of spanish, I don’t know how to write it (I’m portuguese), but hopefully I’ll be able to help. Greetings, Carlos


  2. Hello Carlos,

    Muy name is Juan Carlos and I am finalizing my blog site at the moment.

    Could you please advise how to create the background with no color ONG in the world map?

    Also, there is any chance to add photos on the pop window, once you hover or click over the region? (FYI im not a developer 🙂

    Based in your experience , do you have any suggestion to improve my map of visited countries? you have a free option on your site to create a link that generates countries visited , etc.. how could I implement that on the blog?

    Many thanks for your assistance.

    Best regards


    1. Hi Juan
      You can select ‘transparent’ as the background colour. In the action content field you can use HTML to add images. In the settings page you can also enable a rich text editor for the action content and tooltip fields, to make it easier to add images. You could use this plugin to create a more interactive visited countries map.


Leave a Reply

Your email address will not be published. Required fields are marked *