Interactive Map Builder for WordPress

LIVE PREVIEW

Interactive Map Builder for WordPress

LIVE PREVIEW

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

Our plugin is totally suitable with the brand new WordPress 6.3!

Wide Range of Maps

There are many doable areas to show on a map. For instance, you may…

• 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 can discover a full record of all obtainable areas on the finish of this page..

You can discover extra examples on our demo site

Border resolutions

Depending on the displayed area on the map, you may set the decision of the maps borders. The following resolutions can be found:

• Country borders can be found for world, continent, subcontinent and nation maps.
• State and province borders can be found for nearly all international locations, besides for some very small international locations and islands.
• Metro borders can be found for the US map and an US-State.

Highlight Regions or Add Markers

There are three totally different modes obtainable for a map:

• Regions mode can be utilized to spotlight international locations, states/provinces and metro-areas.
• Marker mode can be utilized to mark designated places utilizing bubbles.
• Text mode can be utilized to mark designated places utilizing textual content.

Tooltips

Additional interactivity could be added with Tooltips . These change into seen when the mouse pointer hits a highlighted area or marker. It is feasible to edit the next kinds:

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

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

Map templates

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

• Bars shows a small chart beneath 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.
• Show HTML permits to show HTML for the clicked area, marker or textual content beneath the map.
• Show HTML (above map) permits to show HTML for the clicked area, marker or textual content above the map.
• Show hyperlink shows a hyperlink beneath the map.
• Storage instance exhibits how the storage for click on values work.
• …or create your personal map template:
  • Add your personal JavaScript code that can be executed everytime a area or marker is clicked.
  • Customize the HTML across the map
  • Add your personal CSS to the map

How do map templates work?

You can set a click on worth for every highlighted area or marker in your map. Whenever one in all them is clicked, it can cross the press worth to the JavaScript code.

For instance: Imagine a map has the Show HTML template activated. The click on values will then be used to retailer HTML snippets. Whenever a marker or areas is clicked, the JavaScript will then present the saved HTML beneath the map.

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

Yes, 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 will guarantee snug and frustation-free modifying.

The Map Builder

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

Some of the obtainable customizations are:

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

All adjustments change into seen straight away in a preview. The plugin makes use of the Google Geo Chart API to render the maps.

Shortcode

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

Import & Export

Both maps and templates could be exported and imported. So copying from one weblog to a different turns into very simple. Furthermore, 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 suitable (with VML for older IE browsers) and in addition works on cellular platforms like iOS and Android. No plugins are wanted.

Responsive

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

Testimonials

Changelog

v2.3
* Added help for Gutenberg and some minor adjustments
v2.2.1
* Fix for the iframe turning into greater in Chrome browsers
v2.2
* Better compatibility with different themes, primarily Divi
* Problems with textual content markers eliminated
v2.1
* Some minor adjustments 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
* Bigger replace. Includes:
    - New: Map Builder permits to edit the HTML, CSS and JavaScript
    - New: Text labels
    - New: HTML Tooltips
    - New: Selectable tooltips set off "hover" and "click on" 
    - New: Virtual Composer prepared. List of maps can be displayed within the composer.
    - New: Continent and Subcontinent border resolutions
    - Changed: The "Click Actions" had been renamed to "Map Templates" 
v1.0.1
* Minor adjustments. Improved compatibility to different plugins.
v1.0.0
* Initial Launch of the plugin

LIVE PREVIEWBUY FOR $49