Interactive World Maps

Interactive World Maps


This is a WordPress plugin to create as many maps as you need, with interactive and colored markers, continents, nations or areas.
(Check out the standalone non-WordPress model right here)

Fully appropriate with the model new WordPress v.5

Show Different Regions

You will be capable to present a whole lot of various sorts of maps, already included:

  • A map of the whole world.
  • A continent or a sub-continent. (Africa, Europe, Americas, Asia, Oceania, and all their sub-continents)
  • A rustic. (nearly all of the nations on the planet are included, that includes probably the most requested: USA, United Kingdom, Canada, France, Germany, Spain, Italy, Brazil, India, Australia…)
  • A rustic divided by its areas. *
  • A state within the United States.
  • The United States divided by metropolitan areas.
  • A state within the United States divided by metropolitan areas.

Color Regions or add Markers

You can add energetic colored areas to the map, and show them in 2 alternative ways:

  • As Regions – It will shade the entire area, for instance, a continent, subcontinent, a rustic, a rustic province, or a US state.
  • As Markers -It will show a colored bubble within the chosen areas, that may be a metropolis, a state or a rustic.

Interactive World Maps - 1
See the DEMO to see how they interact!

Add Interactivity

You can add interactivity to the energetic areas:

  • A Tooltip– A tooltip can be displayed by default on hover with the data you present.
  • An Action ? You can arrange diferent sorts of motion for when the person clicks in an energetic space. You could make a brand new URL open, or just show a message. Advanced customers will be capable to create their very own Javascript features for personalized actions, like opening information with a lightbox effect.


You will be capable to costumize the visible of your maps:

  • Background shade;
  • Box border width and shade;
  • Inactive areas shade;
  • Individual colours for every energetic area;
  • Markers dimension;
  • Width and Height of the map;

Interactive World Maps - 2

Add the Maps wherever in your web site

You can use a shortcode to incorporate the maps in posts, pages and even in sidebar widgets! You can even add the maps to your template, with a easy php perform.


If no width is specified it’ll load with the utmost width accessible within the container div. For instance, it’ll load and adapt with completely different sizes for telephones/ipads/laptops. However, after loaded it won’t change dimension in case you resize the window.

Since model 1.four the plugin contains an choice to make the maps absolutely Responsive. This will use jQuery to verify if the window dimension modified and can redraw the map with the brand new accessible area. RESPONSIVE INTERACTIVE MAP EXAMPLE

Cross machine and browser appropriate

The maps are inbuilt SVG, no flash is used and due to this fact they may show in Mac merchandise.

CSS Hacks made straightforward

There a couple of options that the Google Geochart API doesn’t present by default, however the plugin gives a ‘Custom CSS Generator’ to assist implement some options like hover color change impact, implement font icons as markers, change border color, amongst others.

Interactive World Maps - 3 Example of map utilizing font icons from fontAwesome toolkit utilizing some CSS methods, accessible from model 1.7.three launched January 2016. Learn more about this technique.

Where to make use of it?

This plugin is ideal for:

  • Travel Websites – Create maps to show locations and hyperlink to pages a few particular location
  • Traveler Website – Display a map with locations/nations visited
  • Multinational Companies – Create maps of the cities/nations the place they function
  • Small Companies – Show the placement of the enterprise in a rustic map
  • NGO’s – Create maps of NGO tasks world wide
  • Infographics – Display easy to learn maps with numerous info
  • And rather more different purposes! Be inventive!


  • Divi – by ElegantThemes
  • Avada
  • X Theme

Creative Examples

Custom USA Elections Map


This plugin makes use of the highly effective Google Geochart API which creates the SVG vector maps.



«Absolutely love this plugin. Very straightforward to make use of and arrange.
Highly really useful to anybody on the lookout for a mapping resolution! Great job.»


«This is the best to make use of plugin. I purchased the plugin to make use of for a shopper?s web site that does work everywhere in the world. They wished a simple option to show details about their work in numerous nations and this made my life so easy. Well definitely worth the cash and I?ll be again to buy for any further shoppers who want the sort of performance.»
Benjamin Bradley

«If anybody is considering shopping for this plug-in, don?t hesitate. It doesn?t get any higher than this. If you suppose $18 is just too steep, you?ve by no means struggled coding maps. This is such a time saver that I?d gladly have paid ten occasions the asking worth. In reality, I?ve paid a reasonably penny for software program through the years hoping to save lots of time and aggravation when it got here to creating interactive maps. Interactive World Maps is a gem.»


* The maps of nations divided by areas embrace the primary areas of the desired nation. The plugin calls all of them ‘Provinces’ however in actuality they may very well be states, areas, provinces or counties, relying of the nation. They are the primary stage of division of a rustic. In the actual case of UK, it solely contains four areas (ENG, NIR, SCT and WLS). The maps of some small nations divided by areas aren’t accessible, because the nation is just too small (Malta for instance). If you must make sure that a map divided by areas is obtainable, contact us through the assist tab.


Leave a Reply