Code

Interactive World Maps

Interactive World Maps

Cart 15,447 sales

This is a Wordpress plugin to create as many maps as you want, with interactive and colored markers, continents, countries or regions.
(Check out the standalone non-wordpress version here)

THIS PLUGIN IS MAINTENANCE MODE AND WILL ONLY RECEIVE IMPORTANT SECURITY UPDATES. NEW FEATURES ARE NOT PLANNED.

Show Different Regions

You will be able to show hundreds of different kinds of maps, already included:
  • A map of the entire world.
  • A continent or a sub-continent. (Africa, Europe, Americas, Asia, Oceania and all their sub-continents)
  • A country. (virtually all the countries in the world are included, featuring the most requested: USA, United Kingdom, Canada, France, Germany, Spain, Italy, Brazil, India, Australia…)
  • A country divided by its regions. *
  • A state in the United States.
  • The United States divided by metropolitan areas.
  • A state in the United States divided by metropolitan areas.

Color Regions or add Markers

You can add active colored regions to the map, and display them in 2 different ways:
  • As Regions – It will color the whole region, for example a continent, subcontinent, a country, a country province, or a US state.
  • As Markers -It will display a colored bubble in the chosen regions, that can be a city, a state or a country.


See the DEMO to see how they interact!

Add Interactivity

You can add interactivity to the active regions:
  • A Tooltip- A tooltip will be displayed by default on hover with the information you provide.
  • An Action ? You can set up diferent kinds of action for when the user clicks in an active area. You can make a new URL open, or simply display a message. Advanced users will be able to create their own Javascript functions for customized actions, like opening information with a lightbox effect.

Customizable

You will be able to costumize the visual of your maps:
  • Background color;
  • Box border width and color;
  • Inactive regions color;
  • Individual colors for each active region;
  • Markers size;
  • Width and Height of the map;

Add the Maps anywhere on your website

You can use a shortcode to include the maps in posts, pages and even in sidebar widgets! You can also add the maps to your template, with a simple php function.

Responsive

If no width is specified it will load with the maximum width available in the container div. For example, it will load and adapt with different sizes for phones/ipads/laptops. However, after loaded it will not change size if you resize the window.

Since version 1.4 the plugin includes an option to make the maps fully Responsive. This will use jQuery to check if the window size changed and will redraw the map with the new available space.

Cross device and browser compatible

The maps are built in SVG, no flash is used and therefore they will display in Mac products.

CSS Hacks made easy

There a few features that the Google Geochart API doesn’t provide by default, but the plugin provides a ‘Custom CSS Generator’ to help implement some features like hover colour change effect, implement font icons as markers, change border colour, among others.

Example of map using font icons from fontAwesome toolkit using some CSS tricks, available from version 1.7.3 released January 2016.

Where to use it?

This plugin is perfect for:
  • Travel Websites – Create maps to display destinations and link to pages about a specific location
  • Traveler Website – Display a map with destinations/countries visited
  • Multinational Companies – Create maps of the cities/countries where they operate
  • Small Companies – Show the location of the business in a country map
  • NGO’s – Create maps of NGO projects around the world
  • Infographics – Display simple to read maps with various information
  • And much more other applications! Be creative!
Including:
  • Divi – by ElegantThemes
  • Avada
  • X Theme

This plugin uses the powerful Google Geochart API which creates the SVG vector maps.
_

Testimonials

«Absolutely love this plugin. Very easy to use and set up. Highly recommended to anyone looking for a mapping solution! Great job.»
SBMAG

«This is the easiest to use plugin. I bought the plugin to use for a client?s site that does work all over the world. They wanted an easy way to display information about their work in different countries and this made my life so simple. Well worth the money and I?ll be back to purchase for any additional clients who need this type of functionality.»
Benjamin Bradley

«If anyone is thinking about buying this plug-in, don?t hesitate. It doesn?t get any better than this. If you think $18 is too steep, you?ve never struggled coding maps. This is such a time saver that I?d gladly have paid ten times the asking price. In fact, I?ve paid a pretty penny for software over the years hoping to save time and aggravation when it came to making interactive maps. Interactive World Maps is a gem.»
Mark

Notes

* The maps of countries divided by regions include the main regions of the specified country. The plugin calls all of them ‘Provinces’ but in reality they could be states, regions, provinces or counties, depending of the country. They are the first level of division of a country. In the particular case of UK, it only includes 4 regions (ENG, NIR, SCT and WLS). The maps of some small countries divided by regions are not available, since the country is too small (Malta for example). If you need to make sure a map divided by regions is available, contact us via the support tab.

Changelog

2022/12/17 -  v2.4.11 - Improvements for WP 6.1 and PHP8 compatibility
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.2.3.3.1 -  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
2014/09/06 - v.1.6.1 - Small Improvements; New shortcode to display region entries as dropdown;<br />
2014/06/09 - v.1.5.6 - New Custom CSS option in Settings; Text Markers Mode implemented;<br />
2014/05/04 - v.1.5.5 - https improvements / apply_filters( 'i_world_map_capability', 'manage_options'); implemented<br />
2014/01/31 - v.1.5.4.1 - Small Responsive behaviour improvement.<br />
2013/12/10 - v.1.5.4 - New admin Menu Icon (WordPress 3.8 compatible).<br />
2013/11/03 - v.1.5.3 - HTML tooltips added.<br />
2013/10/02 - v.1.5 - Improved Responsive feature; Improved javascript handling.<br />
2013/06/03 - v.1.4 - Added feature to make the maps fully responsive<br />
[...]
2012/11/30 - v.1.3 - Added feature to disable tooltip<br />
2012/10/18 - v.1.2 - Added feature to display markers inserting lat/lon coordinates<br />
2012/09/22 - v.1.1.0 - Added feature to color continents and subcontinents.<br />
2012/09/22 - v.1.1.0 - Added feature to color continents and subcontinents.<br />
2012/09/09 - v.1.0.3 - Improved support for HTML values in 'action value' field.<br />
2012/09/05 - v.1.0.2 - Google Chrome bug fixed, Improved function to show map from php function and other minor fixes.<br />
2012/09/03 - v.1.0.1 - Minor fixes in the wp_enqueue<br />
2012/09/03 - v.1.0.0 Initial Release 
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey