Preview: 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 |
Table of Contents
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..
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
Changelog
v2.3
* Added support for Gutenberg and a few minor changes
v2.2.1
* Fix for the iframe becoming bigger in Chrome browsers
v2.2
* Better compatibility with other themes, mainly Divi
* Problems with text markers removed
v2.1
* Some minor changes and fixed compatibility issues to other plugins and themes.
v2.0.1
* Improved compatibility to other plugins and themes. A problem while saving a large amount of markers/regions has also been removed.
v2.0
* 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
* Minor changes. Improved compatibility to other plugins.
v1.0.0
* Initial Launch of the plugin
TMDb Pro – Movie & TV Show Details Plugin For The Movie Database
Interactive Map Builder for WordPress
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here, content here, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.
Where can I get some?
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isnt anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
Download Interactive Map Builder for WordPress Nulled
Download Interactive Map Builder for WordPressNote: If you are having trouble with Interactive Map Builder for WordPress Nulled free Download, try to disable AD blocking for the site or try another Web Browser. If disabling AD blocker or change Web Browser not help to you please contact us.
