LIVE PREVIEWDOWNLOAD

The Interactive Map Builder is a plugin for WordPress that lets you create interactive maps on your weblog. You possibly can configure an intensive set of choices to suit the feel and appear of your web site.

Our plugin is totally appropriate with the brand new WordPress 5!

Extensive Vary of Maps

There are various doable areas to show on a map. For instance, you’ll be able to…

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

You’ll find an entire listing of all obtainable areas on the finish of this page..

You’ll find extra examples on our demo site

Border resolutions

Relying on the displayed area on the map, you’ll be able to set the decision of the maps borders. The next resolutions can be found:

• Nation borders can be found for world, continent, subcontinent and nation maps.
• State and province borders can be found for nearly all nations, aside from some very small nations and islands.
• Metro borders can be found for the US map and an US-State.

Spotlight Areas or Add Markers

There are three totally different modes obtainable for a map:

• Areas mode can be utilized to focus on nations, states/provinces and metro-areas.
• Marker mode can be utilized to mark designated areas utilizing bubbles.
• Textual content mode can be utilized to mark designated areas utilizing textual content.

Tooltips

Further interactivity could be added with Tooltips . These turn into seen when the mouse pointer hits a highlighted area or marker. It’s doable to edit the next types:

• Change the Font
• Set one other Font dimension
• Set one other Font coloration

In model 2.0 we additionally launched HTML tooltips. This lets you create tooltips just like ones from the above animation. The map builder permits to retailer extra CSS for these tooltips within the map template.

Map templates

Map templates permit so as to add particular conduct to the map when a area or marker is being clicked. The plugin comes with predefined templates:

• Bars shows a small chart under the map.
• Open picture opens a lightbox with pictures.
• Open hyperlink opens a hyperlink, when a marker, area or textual content is clicked.
• Open hyperlink in a brand new window opens a hyperlink in a brand new window, when a marker, area or textual content is clicked.
• Present HTML permits to show HTML for the clicked area, marker or textual content under the map.
• Present HTML (above map) permits to show HTML for the clicked area, marker or textual content above the map.
• Present hyperlink shows a hyperlink under the map.
• Storage instance reveals how the storage for click on values work.
• …or create your personal map template:
  • Add your personal JavaScript code that will probably be executed everytime a area or marker is clicked.
  • Customise the HTML across the map
  • Add your personal CSS to the map

How do map templates work?

You possibly can set a click on worth for every highlighted area or marker in your map. Each time one in every of them is clicked, it would move the press worth to the JavaScript code.

For instance: Think about a map has the Present HTML template activated. The clicking values will then be used to retailer HTML snippets. Each time a marker or areas is clicked, the JavaScript will then present the saved HTML under the map.

Can I alter an present template or add my very own?

Sure, all templates are totally customizable. The plugin has an editor included that has syntax-highlighting and is able to catching errors out of your code. This can guarantee comfy and frustation-free enhancing.

The Map Builder

The map builder makes it straightforward to vary the styling of a map.

Among the obtainable customizations are:

• Background coloration of the map,
• Peak and width,
• Border width and coloration,
• Marker dimension and opacity,
• Marker and area colours,
• Tooltip styling

All modifications turn into seen immediately in a preview. The plugin makes use of the Google Geo Chart API to render the maps.

Shortcode

As soon as the map is saved, it may be inserted anyplace in your posts and pages utilizing the shortcode.

Import & Export

Each maps and templates could be exported and imported. So copying from one weblog to a different turns into very straightforward. Moreover, the plugin permits to obtain an export file of a map to retailer a backup copy.

HTML5 and SVG

The generated output is cross-browser appropriate (with VML for older IE browsers) and likewise works on cell platforms like iOS and Android. No plugins are wanted.

Responsive

If wanted, the maps mechanically resize to suit to the obtainable width.

Testimonials

Changelog

v2.3
* Added help for Gutenberg and some minor modifications
v2.2.1
* Repair for the iframe changing into greater in Chrome browsers
v2.2
* Higher compatibility with different themes, primarily Divi
* Issues with textual content markers eliminated
v2.1
* Some minor modifications and stuck compatibility points to different plugins and themes.
v2.0.1
* Improved compatibility to different plugins and themes. An issue whereas saving a considerable amount of markers/areas has additionally been eliminated.
v2.0
* Greater replace. Contains:
    - New: Map Builder permits to edit the HTML, CSS and JavaScript
    - New: Textual content labels
    - New: HTML Tooltips
    - New: Selectable tooltips set off "hover" and "click on" 
    - New: Digital Composer prepared. Checklist of maps will probably be displayed within the composer.
    - New: Continent and Subcontinent border resolutions
    - Modified: The "Click on Actions" have been renamed to "Map Templates" 
v1.0.1
* Minor modifications. Improved compatibility to different plugins.
v1.0.0
* Preliminary Launch of the plugin

DOWNLOAD