DIY Guide: Creating a COVID-19 Style Interactive Map for Your Website with MapGeo

The COVID-19 pandemic has drastically impacted the way we view and interact with the world. As businesses, institutions, and individuals scramble to comprehend the magnitude and scale of this global crisis, data visualization has proven to be an invaluable tool. Among the most impactful and widely circulated of these are the interactive COVID-19 maps. If you want to create your own interactive COVID-19 style map for your website, you’ve come to the right place.

MapGeo, formerly known as Interactive Geo Map, is an impressive tool that allows you to craft your own interactive maps infused with data. Today, we’ll guide you step-by-step on how to use MapGeo to create a COVID-19 style interactive map for your website. Don’t worry, you don’t need to be a tech genius—it’s business casual and fun.

Step 1: Download and Install MapGeo

Your first step is to get your hands on MapGeo. Head to the MapGeo website, click on ‘Download’, and follow the prompts to install. Remember, safety first—ensure your download is complete before moving onto the next step.

Step 2: Choose Your Map

Once MapGeo is up and running, it’s time to select the map you want to use. MapGeo offers a dynamic range of global, regional, and country-specific maps. Choose the one that best fits your needs.

Step 3: Visualizing Data

Here’s where the magic happens—transforming raw data into a visual spectacle. You’ll want to connect your data source to MapGeo. This could be a CSV file or an API from a health organization. MapGeo’s ‘Data’ tab helps you do this seamlessly.

Step 4: Customize Your Map

MapGeo’s customization options are extensive. You can change colors based on data ranges, add tooltips, and even create zoom buttons. Tailor your map to your heart’s content, ensuring it visually represents the data you want to convey.

Step 5: And… Publish!

Once you’ve fine-tuned your map, it’s time to share it with the world. Publishing your interactive map on your website is as simple as copying and pasting the provided shortcode into your webpage’s code.

In conclusion, creating a COVID-19 style interactive map for your website using MapGeo is straightforward and effective. It’s a great way to showcase the data you care about and give your audience an interactive experience they’ll appreciate. So roll up your sleeves and start mapping!

Youtube playlist with tutorials on Interactive Geo Maps Plugin

Youtube playlist with tutorials on Interactive Geo Maps Plugin

As the plugin continues to grow, we try to create more video tutorials and documentation pages.

We have created a playlist on youtube with all the videos related with the plugin. If you’re a Youtube user, make sure to subscribe to the channel also.

The plugin keeps growing and has been featured on several sites, like AYS Pro Plugins, WP Explorer among other important publications on the topic.

If you have a request on a topic you would like us to cover on a video, contact us letting us know.

Horn of Africa countries map

The Horn of Africa is a peninsula in Africa, the easternmost projection of the African continent. Below is an example of you a map for this region could display:



For this example we selected the map for Africa, added content to Djibouti, Ethiopia, Eritrea, Kenya, and Somalia and enabled the option to only display countries with active content, resulting in the above map.

Below is the map of Africa, with all countries, with only the horn of Africa countries highlighted.



The process is the same, but in the above map we didn’t enable the option to only display active countries and therefore the full continent displays.

The above examples can already be reproduced using the free version of the plugin.

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’.