Interactive World

This is a Wordpress plugin that allows you to make as many maps as you want, with interactive and colored markers, continents, countries and regions.

Demo: https://code

Features: Interactive World Maps

Show each area

You will be able to display hundreds of different types of maps, all of which are included:

  • The entire globe can be seen on this map.
  • It is either a continent or a subcontinent. (Africa, Europe, America, Asia and Oceania, and all their subcontinents)
  • A country divided into regions.
  • State name of the United States of America.
  • Metropolitan areas are used to divide the United States.
  • A state in the United States is divided into urban areas.
  • This is a country.(Almost every country in the world is represented, the most popular being the US, UK, Canada, France, Germany, Spain, Italy, Brazil, India and Australia...)

Add a marker or color area

Active colored areas can be added to the map and displayed in two ways:

  • As a region - it will color an entire region, such as a continent, subcontinent, country, country province or US state.
  • As a marker - in the selected area (can be a city, state or country) it will display a colored bubble.

Incorporate interactivity

You can add interactions to an active area by doing the following:

  • On hover, a tooltip with the information you provide is displayed by default.
  • Can action be taken? You can set various actions when the user clicks on the active area. You can open a new URL or just display a message.Advanced users will be able to write their own Javascript functions to perform specific tasks, such as opening information in a lightbox.


You will be able to personalize the appearance of the map:

  • background color;
  • box border width and color;
  • Inactive area color;
  • Individual colors for each active area;
  • mark size;
  • the width and height of the map;

Cards can be placed anywhere on your website.

Maps can be included in posts, pages or even sidebar widgets using shortcodes. You can also integrate the map into your template using a simple php script.


If no width is provided, it will load at the maximum width available in the container div. For example, it will load and adapt to multiple sizes of phones, iPads, and laptops.If the window is resized after loading, it doesn't change size.

Compatible with all devices and browsers

Because the maps are made in SVG, no flash is required and they will be displayed in Mac products.

Trucchi CSS semplificati

The Google Geochart API doesn't provide some features by default, but the plugin provides a "custom CSS generator" to help create some of them, such as hover color changing effects, font icons as markers, and changing border colors, to name a few.

What is the best place to post it?

This add-on is great for:

  • Create maps to show locations and link to pages about specific locations on travel websites.
  • Display a map of visited destinations/countries on the traveler's website.
    Create maps of cities and countries where multinational companies operate.
  • Small Business - Shows the company's location on the country map.
  • Non-Governmental Organizations (NGOs) - Map NGO projects around the world.
  • Infographics - Displays an easy-to-understand map with a variety of data.
  • there are more! Be creative!

Changelog: Interactive World Maps

2021/04/21 - v.2.4.9 -  Bug fixes on overlay maps
2020/04/27 - v.2.4.8 -  Bug fixes on custom action, admin improvements
2020/03/16 - v.2.4.5 -  Bug fixes on edit screen, code improvements
2019/01/20 - v. -  javascript improvement, added 'projection' shortcode parameter support, custom icon image hand cursor fix, image in colorbox fix, first iteration of duplicate maps, better handling for iOS html tooltip bug;
2018/09/10 - v2.2.7 - shortcode render in lightbox, iframe colorbox mobile size fix, nowrap bug solved
2018/06/28 - v.2.2.3 - sanitize fields bug fix
2018/06/11 - v2.2.1 - Small bug fix related with the action to display content after marker or region is clicked.
2018/06/08 - v2.2 - show-map-image shortcode and populate automatically helper actions + bug fixes
2018/05/11 -v.2.1 - Added option to setup custom image as marker
2018/01/13 - v.2.0.5 - added action to display content on the right & new option in the settings to disable image preview
2017/09/19 - v.2.0.2 - php7 improvement on layers widget, added shortcode to display map title and description [show-map-title id='x'],[show-map-description id='x'], added iwm_input filter, tiny MCE update
2017/06/28 - v.2.0 - Improved ordering of countries for list and dropdown (now considers accents in region names). Other small improvements.
2017/04/06 - v.1.9.9 - CSS Improvements, marker size for mobile, no wrap option for tooltip
2016/11/03 - v.1.9.4 - CSS Improvements. Improved zoom code (still in beta). Improved show-map-list shortcode.
2016/07/22 - v.1.9.1 - Added option to add Google Maps API Key. Other small bug fixes.
2016/05/24 - v.1.8.5 - Editor improvements
2016/05/24 - v.1.8.4 - Javascript bug fix and CSS improvements. Implemented workaround for Google API bug 
2016/05/01 - v.1.8 - Javascript bug fix that was preventing 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, custom js field added, custom css generator hover option improved
2016/01/14 - v.1.7.3 - Added options to use font icons instead of markers
2015/11/12 - v.1.7.2 - Fixed PHP bug; Added hidden feature, shortcode parameter extras='dropdown'
2015/09/04 - v.1.7 - WPBakery (previously known as Visual Composer) integration code updated
2015/07/01 - v.1.6.7 - Improvements in the javascript code that controls the responsive behaviour
2015/04/01 - v.1.6.6 - Added Kosovo; Custom CSS Box; Overlay map options; Added projection option; Added tooltip on click option
2015/01/20 - v.1.6.5 - Small Improvements for  advanced usage;

2014/09/06 - v.1.6.1 - Small Improvements; New shortcode to display region entries as dropdown;

2014/06/13 - v.1.6 - Made the plugin Visual Composer Ready

2014/06/09 - v.1.5.6 - New Custom CSS option in Settings; Text Markers Mode implemented;

2014/05/04 - v.1.5.5 - https improvements / apply_filters( 'i_world_map_capability', 'manage_options'); implemented

2014/01/31 - v. - Small Responsive behaviour improvement.

2013/12/10 - v.1.5.4 - New admin Menu Icon (WordPress 3.8 compatible).

2013/11/03 - v.1.5.3 - HTML tooltips added.

2013/10/02 - v.1.5 - Improved Responsive feature; Improved javascript handling.

2013/06/03 - v.1.4 - Added feature to make the maps fully responsive

2012/11/30 - v.1.3 - Added feature to disable tooltip

2012/10/18 - v.1.2 - Added feature to display markers inserting lat/lon coordinates

2012/09/22 - v.1.1.0 - Added feature to color continents and subcontinents.

2012/09/22 - v.1.1.0 - Added feature to color continents and subcontinents.

2012/09/09 - v.1.0.3 - Improved support for HTML values in 'action value' field.

2012/09/05 - v.1.0.2 - Google Chrome bug fixed, Improved function to show map from php function and other minor fixes.

2012/09/03 - v.1.0.1 - Minor fixes in the wp_enqueue

2012/09/03 - v.1.0.0 Initial Release