Interactive World Maps


It is a WordPress plugin to create as many maps as you need, with interactive and coloured markers, continents, nations or areas.
(Check out the standalone non-wordpress version here)

Present Completely different Areas

It is possible for you to to point out a whole lot of various sorts of maps, already included:

  • A map of the complete world.
  • A continent or a sub-continent. (Africa, Europe, Americas, Asia, Oceania and all their sub-continents)
  • A rustic. (just about all of the nations on the earth 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 in america.
  • The US divided by metropolitan areas.
  • A state in america divided by metropolitan areas.

Coloration Areas or add Markers

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

  • As Areas – It is going to shade the entire area, for instance a continent, subcontinent, a rustic, a rustic province, or a US state.
  • As Markers -It is going to show a coloured 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 possibly can add interactivity to the energetic areas:

  • A Tooltip– A tooltip might be displayed by default on hover with the data you present.
  • An Motion ? You possibly can arrange diferent sorts of motion for when the consumer clicks in an energetic space. You may make a brand new URL open, or just show a message. Superior customers will have the ability to create their very own Javascript capabilities for personalized actions, like opening information with a lightbox effect.


It is possible for you to to costumize the visible of your maps:

  • Background shade;
  • Field border width and shade;
  • Inactive areas shade;
  • Particular person colours for every energetic area;
  • Markers measurement;
  • Width and Top of the map;

Interactive World Maps - 2

Add the Maps wherever in your web site

You should utilize a shortcode to incorporate the maps in posts, pages and even in sidebar widgets! You may also add the maps to your template, with a easy php operate.


If no width is specified it should load with the utmost width out there within the container div. For instance, it should load and adapt with completely different sizes for telephones/ipads/laptops. Nonetheless, after loaded it is not going to change measurement when you resize the window.

Since model 1.4 the plugin contains an choice to make the maps totally Responsive. This can use jQuery to verify if the window measurement modified and can redraw the map with the brand new out there area.

Cross system and browser appropriate

The maps are in-built SVG, no flash is used and subsequently they’ll show in Mac merchandise.

CSS Hacks made simple

There a number of options that the Google Geochart API doesn’t present by default, however the plugin supplies a ‘Customized 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 Instance of map utilizing font icons from fontAwesome toolkit utilizing some CSS tips, out there from model 1.7.3 launched January 2016. Learn more about this technique.

The place to make use of it?

This plugin is ideal for:

  • Journey Web sites – Create maps to show locations and hyperlink to pages a couple of particular location
  • Traveler Web site – Show a map with locations/nations visited
  • Multinational Corporations – Create maps of the cities/nations the place they function
  • Small Corporations – Present the placement of the enterprise in a rustic map
  • NGO’s – Create maps of NGO tasks all over the world
  • Infographics – Show easy to learn maps with varied info
  • And rather more different functions! Be inventive!

Together with:

  • Divi – by ElegantThemes
  • Avada
  • X Theme

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



«Completely love this plugin. Very simple to make use of and arrange.
Extremely beneficial to anybody in search of a mapping answer! Nice job.»


«That is the simplest to make use of plugin. I purchased the plugin to make use of for a consumer?s web site that does work all around the world. They wished a straightforward strategy to show details about their work in numerous nations and this made my life so easy. Properly well worth the cash and I?ll be again to buy for any further purchasers who want this kind of performance.»
Benjamin Bradley

«If anybody is considering shopping for this plug-in, don?t hesitate. It doesn?t get any higher than this. When you assume $18 is simply too steep, you?ve by no means struggled coding maps. That is such a time saver that I?d gladly have paid ten instances the asking value. In truth, I?ve paid a fairly penny for software program over time 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 principle areas of the required nation. The plugin calls all of them ‘Provinces’ however in actuality they might be states, areas, provinces or counties, relying of the nation. They’re the primary degree of division of a rustic. In the particular case of UK, it only includes 4 regions (ENG, NIR, SCT and WLS). The maps of some small nations divided by areas usually are not out there, for the reason that nation is simply too small (Malta for instance). If it is advisable be sure that a map divided by areas is accessible, contact us through the assist tab.


2021/04/21 - v.2.4.9 -  Bug fixes on overlay maps
2020/04/27 - v.2.4.8 -  Bug fixes on customized motion, admin enhancements
2020/03/16 - v.2.4.5 -  Bug fixes on edit display screen, code enhancements
2019/01/20 - v. -  javascript enchancment, added 'projection' shortcode parameter assist, customized icon picture hand cursor repair, picture in colorbox repair, first iteration of duplicate maps, higher dealing with for iOS html tooltip bug;
2018/09/10 - v2.2.7 - shortcode render in lightbox, iframe colorbox cellular measurement repair, nowrap bug solved
2018/06/28 - v.2.2.3 - sanitize fields bug repair
2018/06/11 - v2.2.1 - Small bug repair associated with the motion to show content material after marker or area is clicked.
2018/06/08 - v2.2 - show-map-image shortcode and populate robotically helper actions + bug fixes
2018/05/11 -v.2.1 - Added choice to setup customized picture as marker
2018/01/13 - v.2.0.5 - added motion to show content material on the best & new possibility within the settings to disable picture preview
2017/09/19 - v.2.0.2 - php7 enchancment on layers widget, added shortcode to show map title and outline [show-map-title id='x'],[show-map-description id='x'], added iwm_input filter, tiny MCE replace
2017/06/28 - v.2.0 - Improved ordering of nations for listing and dropdown (now considers accents in area names). Different small enhancements.
2017/04/06 - v.1.9.9 - CSS Enhancements, marker measurement for cellular, no wrap possibility for tooltip
2016/11/03 - v.1.9.4 - CSS Enhancements. Improved zoom code (nonetheless in beta). Improved show-map-list shortcode.
2016/07/22 - v.1.9.1 - Added possibility so as to add Google Maps API Key. Different small bug fixes.
2016/05/24 - v.1.8.5 - Editor enhancements
2016/05/24 - v.1.8.4 - Javascript bug repair and CSS enhancements. Applied workaround for Google API bug 
2016/05/01 - v.1.8 - Javascript bug repair that was stopping the maps from displaying in some browsers
2016/04/30 - v.1.7.9 - New Actions Added. Cornerstone integration. Hover code improved.
2016/02/07 - v.1.7.6 - Map widget & Layers widget, customized js subject added, customized css generator hover possibility improved
2016/01/14 - v.1.7.3 - Added choices to make use of font icons as an alternative of markers
2015/11/12 - v.1.7.2 - Fastened PHP bug; Added hidden function, shortcode parameter extras='dropdown'
2015/09/04 - v.1.7 - WPBakery (beforehand generally known as Visible Composer) integration code up to date
2015/07/01 - v.1.6.7 - Enhancements within the javascript code that controls the responsive behaviour
2015/04/01 - v.1.6.6 - Added Kosovo; Customized CSS Field; Overlay map choices; Added projection possibility; Added tooltip on click on possibility
2015/01/20 - v.1.6.5 - Small Enhancements for  <a href="http://cmoreira.internet/interactive-world-maps-demo/advanced-tips/" goal="_blank">superior utilization</a>;<br />
2014/09/06 - v.1.6.1 - Small Enhancements; New shortcode to show area entries as dropdown;<br />
2014/06/09 - v.1.5.6 - New Customized CSS possibility in Settings; Textual content Markers Mode applied;<br />
2014/05/04 - v.1.5.5 - https enhancements / apply_filters( 'i_world_map_capability', 'manage_options'); applied<br />
2014/01/31 - v. - Small Responsive behaviour enchancment.<br />
2013/12/10 - v.1.5.4 - New admin Menu Icon (WordPress 3.8 appropriate).<br />
2013/11/03 - v.1.5.3 - HTML tooltips added.<br />
2013/10/02 - v.1.5 - Improved Responsive function; Improved javascript dealing with.<br />
2013/06/03 - v.1.4 - Added function to make the maps totally responsive<br />
2012/11/30 - v.1.3 - Added function to disable tooltip<br />
2012/10/18 - v.1.2 - Added function to show markers inserting lat/lon coordinates<br />
2012/09/22 - v.1.1.0 - Added function to paint continents and subcontinents.<br />
2012/09/22 - v.1.1.0 - Added function to paint continents and subcontinents.<br />
2012/09/09 - v.1.0.3 - Improved assist for HTML values in 'motion worth' subject.<br />
2012/09/05 - v.1.0.2 - Google Chrome bug fastened, Improved operate to point out map from php operate and different minor fixes.<br />
2012/09/03 - v.1.0.1 - Minor fixes within the wp_enqueue<br />
2012/09/03 - v.1.0.0 Preliminary Launch 


Related Posts