Download Interactive Map Builder for WordPress

Download Interactive Map Builder for WordPress


The Interactive Map Builder is a plugin for WordPress that enables you to create interactive maps for your blog. You can configure an extensive set of options to fit the look and feel of your website.

Our plugin is fully compatible with the new WordPress 5!

Interactive Map Builder  •   Changelog   •   Demo Login   •   Docs   •  Map examples

Some information about our plugin

Wide Range of Maps

There are many possible regions to display on a map. For example, you can…

  • Create a map of the whole world
  • Create a map of any continent .
  • Create maps of subcontinents , like Western Europe or North America
  • Create maps of any country . There are more than 200 to choose from. For example: USA, Canada, United Kingdom, Germany, France, Italy, Turkey, India, China,..
  • Create maps of any US-State .

You can find a complete list of all available regions at the end of this page..

US map showing different types of html tooltips

You can find more examples on our demo site

Border resolutions

Depending on the displayed region on the map, you can set the resolution of the maps borders. The following resolutions are available:

  • Country borders are available for world, continent, subcontinent and country maps.
  • State and province borders are available for almost all countries, except for some very small countries and islands.
  • Metro borders are available for the US map and an US-State.

Highlight Regions or Add Markers

There are three different modes available for a map:

  • Regions mode can be used to highlight countries, states/provinces and metro-areas.
  • Marker mode can be used to mark designated locations using bubbles.
  • Text mode can be used to mark designated locations using text.

Tooltips

Additional interactivity can be added with Tooltips . These become visible when the mouse pointer hits a highlighted region or marker. It is possible to edit the following styles:

  • Change the Font
  • Set another Font size
  • Set another Font color

In version 2.0 we also introduced HTML tooltips. This allows you to create tooltips similar to ones from the above animation. The map builder allows to store additional CSS for these tooltips in the map template.

Map templates

Map templates allow to add special behavior to the map when a region or marker is being clicked. The plugin comes with predefined templates:

  • Bars displays a small chart below the map.
  • Open image opens a lightbox with images.
  • Open link opens a link, when a marker, region or text is clicked.
  • Open link in a new window opens a link in a new window, when a marker, region or text is clicked.
  • Show HTML allows to display HTML for the clicked region, marker or text below the map.
  • Show HTML (above map) allows to display HTML for the clicked region, marker or text above the map.
  • Show link displays a link below the map.
  • Storage example shows how the storage for click values work.
  • …or create your own map template:
    • Add your own JavaScript code that will be executed everytime a region or marker is clicked.
    • Customize the HTML around the map
    • Add your own CSS to the map

How do map templates work?

You can set a click value for each highlighted region or marker on your map. Whenever one of them is clicked, it will pass the click value to the JavaScript code.

For example: Imagine a map has the Show HTML template activated. The click values will then be used to store HTML snippets. Whenever a marker or regions is clicked, the JavaScript will then show the stored HTML below the map.

Can I change an existing template or add my own?

Yes, all templates are fully customizable. The plugin has an editor included that has syntax-highlighting and is capable of catching errors from your code. This will ensure comfortable and frustation-free editing.

The Map Builder

The map builder makes it easy to change the styling of a map.

Some of the available customizations are:

  • Background color of the map,
  • Height and width,
  • Border width and color,
  • Marker size and opacity,
  • Marker and region colors,
  • Tooltip styling

All changes become visible right away in a preview. The plugin uses the Google Geo Chart API to render the maps.

Shortcode

Once the map is saved, it can be inserted anywhere in your posts and pages using the shortcode.

Import & Export

Both maps and templates can be exported and imported. So copying from one blog to another becomes very easy. Furthermore, the plugin allows to download an export file of a map to store a backup copy.

HTML5 and SVG

The generated output is cross-browser compatible (with VML for older IE browsers) and also works on mobile platforms like iOS and Android. No plugins are needed.

Responsive

If needed, the maps automatically resize to fit to the available width.

Testimonials

Shows some user ratings

Changelog

v2.2.1 - October 3, 2016
* Fix for the iframe becoming bigger in Chrome browsers
v2.2 - September 5, 2016
* Better compatibility with other themes, mainly Divi
* Problems with text markers removed
v2.1 - April 14, 2016
* Some minor changes and fixed compatibility issues to other plugins and themes.
v2.0.1 - September 25, 2015
* Improved compatibility to other plugins and themes. A problem while saving a large amount of markers/regions has also been removed.
v2.0 - September 26, 2014 (and December 19, 2014: Minor changes on this page)
* Bigger update. Includes:
    - New: Map Builder allows to edit the HTML, CSS and JavaScript
    - New: Text labels
    - New: HTML Tooltips
    - New: Selectable tooltips trigger "hover" and "click" 
    - New: Virtual Composer ready. List of maps will be displayed in the composer.
    - New: Continent and Subcontinent border resolutions
    - Changed: The "Click Actions" were renamed to "Map Templates" 
v1.0.1 - April 4, 2014
* Minor changes. Improved compatibility to other plugins.
v1.0.0 - March 26, 2014
* Initial Launch of the plugin

Interactive Map Builder for WordPress - 1

created by meisterpixel
last update 2016-10-03T16:52:51+11:00

Latest Tweets

  • wordpress
    Build a site with #WordPress and watch your online journey take root. 🌱 Share your story with the WordPress commun… https://t.co/e3TsM5c45O about 14 hours ago
  • wordpress
    WordPress 6.1 Release Candidate 3 (RC3) Now Available You can download and help test RC3 in three ways. It’s just o… https://t.co/qZs9ShTATG about a day ago
  • wordpress
    Part 2: Learn how to recreate block designs in #WordPress during this live, online, and interactive event on Octobe… https://t.co/qIPOyCeTLr about 3 days ago
  • wordpress
    Missed the live workshop? Tune in to Creating Welcoming & Diverse Spaces for Organizers workshop on #LearnWP on dem… https://t.co/fKe6d5qWy8 about 4 days ago
  • wordpress
    Try out more layout configurations with consistent design tools across container blocks. Find out which blocks have… https://t.co/NwG9WJpjlw about 5 days ago
  • wordpress
    Have you contributed to a WordPress event globally, or even attended one for the first time? #WCAsia wants to hear… https://t.co/DX6rURRBKH about 5 days ago
  • wordpress
    Mark your calendars. 📅 The Documentation Team is hosting its first standalone Contributor Day on October 25! If y… https://t.co/lx1HdSwjSm about 6 days ago
  • wordpress
    Last month, Openverse celebrated hitting over 800,000 audio files indexed. But there’s more. Audio support is now o… https://t.co/woctFrPg08 about 7 days ago
  • wordpress
    City or countryside? Whatever your vibe is, enjoy these beautiful spots in India through the lenses of contributors… https://t.co/qUHW81SXzz about 8 days ago
  • wordpress
    WordPress 6.1 Release Candidate 2 (RC2) is Now Available for testing! Keep #WordPress bug free when you help with t… https://t.co/IpR6q4zZ1u about 9 days ago
  • wordpress
    Explore more color tools for unifying your brand’s look across your site. Find out which blocks have color support,… https://t.co/QJLkRMASz2 about 9 days ago
  • wordpress
    Let's celebrate 🎉 This major milestone of #100MillionDownloads belongs to the entire #WordPress community. Thank… https://t.co/yvyNhZuvh2 about 9 days ago
  • wordpress
    WordPress 6.0.3 Security Release https://t.co/9KnX9ZMcGq about 9 days ago
  • wordpress
    WordPress 6.1 is coming soon! Catch a sneak peek into the release on this week's episode of the #WPBriefing!… https://t.co/NPo8KOuwnO about 10 days ago
  • wordpress
    New to managing blocks in #WordPress? Check out this video on "Using Block Attributes to Enable User Editing" for d… https://t.co/8ipn78K1Rd about 12 days ago
  • wordpress
    The next release comes with many accessibility improvements and fixes across the platform. Get more details on what… https://t.co/xs9dbt6x9Y about 12 days ago
  • wordpress
    The September 2022 edition of The Month in WordPress is now available. Learn about: ‣ What's coming in WordPress 6… https://t.co/FEcQ2o608F about 13 days ago
  • wordpress
    オンラインイベントのお知らせです!行・縦積みブロックを使って #WordPress でレスポンシブデザインを体験。日本時間 10月21日15時 (https://t.co/OFiBnaemUy) 10月22日10時 (… https://t.co/gjdi9urYSU about 13 days ago
  • wordpress
    Fine-tune your blocks’ layouts with more design tools in 6.1. Find out which blocks have available support for dime… https://t.co/MInrjonQtM about 14 days ago
  • wordpress
    Share your WordPress meetup feedback! 📢 Did you organize or attend a meetup last year? Are you thinking of atten… https://t.co/vyZH3MqfSP about 14 days ago