Blog – Map Examples
Population of cities in South Africa
In this example we created a markers map with information about the population of the main cities in South Africa. We used heat map rules to make the markers bigger when the population numbers are…
Interactive Timezones World Map
The plugin includes 2 timezone maps: TimezonesTimezone Areas You can combine both to achieve something the the example below:
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:
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…
Set active region based on URL hash
Using custom elements to interact with map
Both in the Free version and Pro version we can take advantage of the builtin javascript methods provided by the plugin to create interactions with our own custom elements on a page. The example below…
COVID-19 realtime US county maps
Following up on the latest articles about this covid-19, in this example we use the awesome NovelCovid API to get data for each state in the US to populate individual state maps with county data.…
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,…
Australia COVID-19 tracker Map
Following up on the examples created before, in this examples we have created for other countries, here’s an example for Australia with real time information about confirmed COVID-19 cases, the new coronavirus outbreak. [display-map id=’20921’…
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.
Continue Reading Change map background when interacting with map
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…
Continue Reading Creating COVID-19 Heat Map for Specific Countries
US Map for COVID-19 in WordPress
If you’re using this plugin to build a map to report on the number of cases of the new coronavirus disease (COVID-19), following up on the latest article showing how you could create a map of…
Island of Ireland map divided by counties
Geopolitically, Ireland is divided between the Republic of Ireland (officially named Ireland), which covers five-sixths of the island, and Northern Ireland, which is part of the United Kingdom. But there are plenty of cases where…
Creating an Interactive map for Coronavirus (Covid-19)
The end of the winter of 2020 in the north hemisphere has been marked with the quick spreading of the novel Coronavirus Covid-19. At the time I’m writing this, thousands of cases are confirmed daily…
Continue Reading Creating an Interactive map for Coronavirus (Covid-19)
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,…
Continue Reading Building an Interactive Map of the Roman Empire
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: Vector Icon with the “plus” symbol ✔Transparent tooltip with HTML content ✔Ability…
Venice Map using custom source
While the plugin doesn’t include city maps, you can use custom geojson files as the source for the maps. I followed the instructions and got the source for the map of Venice (Italy) and placed…
World map with UK sub-countries and Tibet overlay
There are many versions of the world map and some countries can be represented in different ways. The UK for example is represented as a unique country, but it’s made up of England, Scotland, Wales…
Continue Reading World map with UK sub-countries and Tibet overlay
Lithuania Municipalities Map
Although the plugin doesn’t include a map for Lithuania divided by its municipalities, we can use a custom geoJSON file to create a map. I tried to extract the shapes for the Lithuanian municipalities using…
Group Hover Example with Custom Middle East Map
In this example we explored the group feature together with the overlay maps option to achieve the map below. The requirements where that some countries would share the same hover state but keep individual tooltips.…
Continue Reading Group Hover Example with Custom Middle East Map
Display specific US States only
If you need to build a map where only some states of the US display, you can use this plugin to achieve that. You’ll simply need to select the normal US map and then use…
US and Canada divided by regions
Interactive map of US and Canada divided by regions for WordPress.
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.
Advanced Map Zoom
The free version of the plugin offers a simple zoom feature, with zoom in/out controls display at the bottom right of the map and the ability to drag/pan the map with the mouse or in…
Modified maps of Portugal
The plugin comes with more than 200 maps created automatically with real geographic data. However some countries might not be composed of a unified mass of land, they include islands or other territories. This is…
Republika Srpska Map
As defined in Wikipedia: Republika Srpska, or simply Srpska, is one of the two entities of Bosnia and Herzegovina, the other being the Federation of Bosnia and Herzegovina. Its largest city and administrative centre is…
Using legend to filter markers
A user recently asked me if it would be possible to have a map with markers that could be filterable. The PRO version of the plugin allows you to display different maps in the same…
Europe map with HTML tooltips
For this example I created a simple Europe map where some countries display a tooltip when hovered. All of this using only the features provided by the free version of the plugin:
World Regions with Office locations
In this example we are trying to create a map where we display the office locations with markers and give interactivity to a particular set of world regions. The regions are grouped and have the…
Interactive Geo Maps plugin is now available on WordPress.org
You can now get the plugin for free on the WordPress.org plugin repository: https://wordpress.org/plugins/interactive-geo-maps/ The plugin can now be installed directly from your WordPress site’s dashboard. Feel free to open support requests in the Support…
Continue Reading Interactive Geo Maps plugin is now available on WordPress.org
World Map – Visited Countries Example
If you own a travel website, having a world map with the list of visited countries is a must. The plugin includes advanced options to build a map like that, where you can colour individual…