Code

Image Map Pro for WordPress - Interactive Image Map Builder

Image Map Pro for WordPress - Interactive Image Map Builder





Image Map Pro – WordPress Plugin

Version 4.1 – What’s New?

  • Connected Shapes (4.1)
  • Run Script on Shape Click (4.1)
  • Automatic Updates & Activation
  • Zooming in the Editor
  • Custom Shape Titles
  • Fullscreen Capability
  • HTML-based API
  • Improved Performance

Top Features

  • Custom Polygon Shapes
  • Over 150 SVG Icons Included
  • Super Advanced Backend Editor
  • Content Builder for Tooltips
  • Fully Responsive
  • JavaScript & HTML API
  • Click/Mouseover Actions
  • Custom Styles for Shapes
  • Image Map Import/Export
  • Undo/Redo Functionality
  • Zooming in the Editor
  • Fullscreen Capability
  • Rename & Reorder Shapes
  • Copy/Paste & Duplicate Shapes
  • Automatic Updates

1. Super Advanced Drag-and-drop Editor

Image Map Pro is so much more than just another image map plugin. Place locations, add text, yeah sure – that’s true. But that’s where the ordinary stops. Image Map Pro comes with its own feature rich web app, so you can quickly and easily create the most comprehensive selection of custom image maps, pins and custom shapes, and immediately export them to your website.

The User Interface is instantly-familiar-Drag & Drop with self explanatory steps, icons and shape tools at your disposal - it couldn’t be any easier. Just to be sure though, we’ve also included a super sharp step-by-step video guide in case you need your hand held lovingly, along the way. Check it out now by trying out the Editor live!

Try the Editor!

2. Add Anything to the Tooltips with a Content Builder

Image Map Pro comes with Squares – our bespoke content builder that lets you add rich content to the tooltips of your image map. Add Video, YouTube content, Images or Buttons and of course Text with styles to boot. You can even arrange your content in a 12 column Bootstrap style grid. Go nuts, you’re welcome.

3. Draw Your Own Custom Shapes

Image Map Pro is the only plugin that allows you to draw custom polygon shapes. You can even zoom in for maximum precision! Of course you can still draw the good old-fasioned circles and rectangles, but that is so 2007…

Try the Editor!

4. 150 High Quality SVG Icons

In the Editor you will find a library of over 150 high quality SVG icons included for FREE. You can change their size and color and they will scale perfectly. Need to use your own icon? You can do that too!

5. Endless Combinations of Styles and Animations

With the Editor you can customize properties like opacity, fill, stroke and corner radius to match the design of your site. You can also have separate styles on mouseover, or make the shapes completely invisible.

6. Looking for Even More Features?

Responsive

Image Map Pro will scale beautifully on every kind of device, and if you have tooltips that need to display a lot of information you can even make them full screen with the flick of a button.

JavaScript and HTML API

Run JavaScript when a user clicks a shape or trigger a tooltip to appear by adding an HTML attribute to any element on your page.

Custom Actions

Tooltips can be made to appear on mouseover or click – purpose driven to suit your. Of course that might mean turning them off altogether, also an option with IMP. Or you can make them links. It’s up to you!

Free Customer Support for 6 Months

We are here to help! If you have any issues installing or using our product, please send us a ticket and we will respond as soon as possible!

Submit Ticket

Change Log

4.1.3 – 08.12.2017

  • New line characters will no longer be replaced with “br” HTML tags in custom JS/CSS fields, printed shortcodes and “run script” field. As a consequence, if you want to have a linebreak in the tooltip contents, you will need to manually insert a “br” tag.

4.1.2 – 07.12.2017

  • When tooltips are not open, they are now completely hidden, instead of “visually” hidden.
  • New lines in the text field for shape’s run script on-click action no longer get printed as “br” HTML elements.
  • Fixed an issue where a certain function from the API would return the shape’s ID, instead of its title.

4.1.1 – 14.10.2017

  • Added options to disable specific tooltips, by selecting a shape and going to Shape -> Tooltip Settings -> Enable Tooltip.
  • Added options to disable all tooltips, by going to Image Map -> Tooltip -> Enable Tooltips.

4.1.0 – 18.09.2017

New Features

  • Connected Shapes. To connect shapes together, select a shape and open its General settings tab. From the “Connected To Shape” menu select another shape to serve as the “master” shape. Connect as many shapes as you wish to the “master” shape. Additionally, you can choose to use only the master’s tooltip, or keep the original tooltip for each “slave” shape.
  • Multiple shape highlighting. More than one shape can be highlighted at the same time, using the plugin’s API. Note that when a shape is highlighted with the API, it must also be unhighlighted using the API. An exception to this rule is when you highlight shapes using the HTML API.
  • Multiple tooltips can now be opened with the plugin’s API. Note that when a tooltip is opened with the API, it must also be closed using the API. An exception to this rule is when you highlight shapes using the HTML API.
  • Added a “Run Script” click action.
  • Optimized front-end code.

Bug Fixes and Minor Improvements

  • Fixed a crash that could occur when importing a map from the WP version of the plugin.
  • The Border Radius form control no longer shows for Ellipse shapes.
  • Removed the Late Initialization feature, since it has been obsolete since version 4.0.
  • Removed the “Mouseover” action trigger from the Actions settings tab.
  • Added an option in Image Map Settings -> Tooltips called “Show Tooltips On” to specify whether to show tooltips on mouseover or click.
  • Greatly improved the usability of non-sticky tooltips when they are attached to polygons, and there are other polygons next to it. The tooltips are smarter and should show and hide more intuitively. There is a new setting, called “buffer”, which determines the size of the buffer space preventing the tooltip from hiding. This setting can be edited from image-map-pro-defaults.js (search for “buffer”).

API Changes

  • $.imageMapProHideTooltip now requires a parameter – shape title.
  • $.imageMapProUnhighlightShape now requires a parameter – shape title.
  • $.imageMapProEventClosedTooltip now returns an additional parameter – shape title.
  • JavaScript API – All shapes that have been highlighted using the JS API, must also be unhighlighted with the JS API.
  • JavaScript API – All tooltips that have been opened using the JS API, must also be closed with the JS API.
  • HTML API – Shapes highlighted with the on-mouseover HTML API, automatically become unhighlighted when you mouse out of the element.
  • HTML API – Tooltips opened with the on-mouseover HTML API, automatically close when you mouse out of the element.
  • HTML API – Shapes highlighted with the on-click HTML API, can become unhighlighted only if you click on another HTML element, using the on-click attribute to unhighlight a shape.
  • HTML API – Tooltips opened with the on-click HTML API, can close only if you click on another HTML element, using the on-click attribute to close a tooltip.
  • 4.0.9 – 01.08.2017

    • Minor bug fixes related to the custom JS/CSS input fields.

    4.0.8 – 24.07.2017

    • Added input fields in the editor for custom CSS and JS code.

    4.0.7 – 16.06.2017

    • Fixed a bug in the API that would cause incorrect data to be sent.
    • Custom shape icons will now properly display with their custom size, instead of the default 44×44 pixels.

    4.0.6 – 14.06.2017

    • Fixed a bug in the editor that would sometimes cause the editor to not work in Safari or Firefox.

    4.0.5 – 12.06.2017

    • Fixed a bug related to shortcodes and HTML code in the tooltips.

    4.0.4 – 09.06.2017

    • Made changes to the folder structure to allow easier debugging from the WP Dashboard.

    4.0.3 – 28.05.2017

    • The image map will now properly go in fullscreen mode from the Preview mode in the Editor.
    • Fixed a bug related to activation.

    4.0.2 – 26.05.2017

    • Minor bug fixes.

    4.0.1 – 25.05.2017

    • Added an option to center the image map on the page.
    • When the image map is in “responsive” mode, it will no longer use the width and height previously set from the editor.
    • Fixed a bug with the “start in fullscreen” feature.
    • Added tooltips to display keyboard shortcuts for zooming.
    • Fixed a bug that could cause the wrong image to be displayed after updating.

    4.0.0 – 22.05.2017

    New Features

    • Automatic Updates & Activation
    • Editor Zooming
    • While drawing a rect or oval, hold SHIFT to lock width/height
    • Rename list items
    • Fullscreen capability (front-end)
    • Default settings for shapes and tooltips (via external .js file)
    • HTML-based API
    • Added an option to retain original image size, along with responsiveness
    • The plugin now uses PHP sessions to load only included image maps on a page
    • Improved documentation

    Bug Fixes

    • Tour doesn’t show anymore if there is an already created image map
    • (Improvement) Added notification to click the first point when drawing a polygon
    • Full support for shortcodes in tooltip content
    • Full support for HTML code in tooltip content
    • Special characters in the name of an image map no longer prevent the list of saved maps from loading
    • Fixed minor issues on mobile devices
    • Improved the accuracy of the “ghost” point when editing a shape
    • The editor no longer uses random numbers for shape IDs
    • Spots now have a minimum size of 44×44 pixels
    • If a fullscreen tooltip is open, the website behind it can no longer be scrolled
    • Various minor fixes

    3.0.24 – 08.03.2017

    • Added a detailed error message when a map fails to save and the option to export the image map that won’t save.

    3.0.23 – 08.03.2017

    • Made improvements to the saving process. Reduced saving time and chance to corrupt image map data.

    3.0.22 – 27.01.2017

    • Fixed a bug that would sometimes occur when saving an image map.

    3.0.21 – 20.01.2017

    • Fixed a bug that occurred for some WPEngine users where an image map would get corrupted after saving.
    • Minor bug fixes.

    3.0.20 – 14.01.2017

    • Further optimizations to the amount of data being saved in the database.
    • Minor bug fixes.

    3.0.19 – 10.01.2017

    • Bug fixes related to the Content Builder.

    3.0.18 – 07.01.2017

    • Partially reworked the image map saving process and reduced the amount of data, which is saved. Some of the content is now rendered in the front-end, rather than stored in the database.

    3.0.17 – 05.01.2017

    • Fixed a bug that would sometimes prevent image maps from loading.

    3.0.16 – 02.11.2016

    • Fixed a bug where an image map with a special character in its name would cause problems when loading.

    3.0.15 – 31.10.2016

    • An image map with an error in its JSON will no longer affect the other image maps in the front-end.

    3.0.14 – 24.10.2016

    • Minor adjustments to the CSS to prevent conflicts.

    3.0.13 – 16.07.2016

    • Minor fixes in the plugin’s API.

    3.0.12 – 07.07.2016

    • Renamed all classes in squares.css to prevent CSS conflicts.
    • Fixed a bug that could sometimes prevent an image map from loading.
    • Various minor bug fixes.

    3.0.11 – 05.07.2016

    • Fixed a bug related to tooltips that was occuring in version 3.0.10.
    • Other minor bug fixes.

    3.0.10 – 04.07.2016

    • Better error handling and easier debugging when an image map doesn’t load due to bad JSON.

    3.0.9 – 03.07.2016

    • Fixed a bug that would occur on mobile devices when zooming the page with the image map.

    3.0.8 – 03.07.2016

    • Fixed a bug that could prevent users from clicking on links inside tooltips.

    3.0.7 – 28.06.2016

    • Added autoplay, loop and controls options for the Video element in the content builder.
    • Added more functionality to the API, like an event for unhighlighting a shape, closing a tooltip, as well as an action to manually close a tooltip.
    • Updated the documentation with the new API.
    • Added squares.min.css as an optional part of the plugin. You should include it only if you use the content builder (Squares).
    • Added an API-demo folder. It is located in the main .zip of the product.
    • A few issues have been fixed about the migration of image maps created with version 2.x of the product.

    3.0.6 – 27.06.2016

    • Fixed a bug that could cause issues when attempting to load an image map, created with Image Map Pro version 2.0.x.
    • Fixed a bug that could cause issues when attepmting to load an image map without an image URL set.

    3.0.5 – 23.06.2016

    • Minor bug fixes in the front-end portion of the plugin.
    • Minor bug fixes in the content builder.

    3.0.4 – 22.06.2016

    • Bug fixes in the Events API of the front-end portion of the plugin.
    • Minor bug fixes in the content builder in Firefox.
    • Fixed a bug that would prevent shortcodes of old image maps (pre-version 3.0) from rendering on the page. This bug only affected users, who have used the plugin before version 3.0.

    3.0.3 – 21.06.2016

    • Improved the image map loading user experience.
    • The image map data will no longer get corrupted if the saving process is interrupted.
    • Saving progress is now shown as %.
    • Improved the front-end user experience, related to tooltips.

    3.0.2 – 20.06.2016

    • Fixed a bug that would prevent saving your very first image map, if you haven’t created an image map by pressing the Create button.
    • Fixed a bug related to migrating old image maps.
    • Fixed a bug that would prevent the content build from launching when in fullscreen mode.
    • Fixed a bug related to importing the title and text from an old image map (made using pre-3.0 version).
    • When copy/pasting shape styles, plain text color will be transferred as well.
    • Fixed a bug that would not display new line characters in the Editor.
    • Fixed a bug that would display new line characters as ”\n” in the front-end.
    • Improved the way the Editor sets its size, it should now ignore any other errors or notifications that might be displaying on the same page.

    3.0.1 – 19.06.2016

    • Fixed the difference in appearance of polygons with strokes in edit and preview mode.
    • UTF8 special characters are now displaying correctly in the front-end.
    • Fixed a bug that could cause the tooltips to be positioned incorrectly.
    • Fixed a bug that would prevent the icon library from showing.
    • Other minor bug fixes.

    3.0.0 – 16.06.2016

    • Introduced version 3.0.
    • New and improved UI.
    • Better mobile optimization.
    • Better event handling.
    • Added an API for easier customization.
    • Added content builder for the tooltips.
    • Added import/export functionality.
    • Added a guided tour with short demo videos.

    2.1.13 – 26.04.2016

    • Added scroll bar to the Load window.

    2.1.12 – 30.03.2016

    • Fixed a bug that could cause errors in the editor if data is corrupted in certain situations.

    2.1.11 – 24.03.2016

    • The editor now automatically removes square brackets from the “shortcode” input field.

    2.1.10 – 26.02.2016

    • Fixed a bug that would sometimes prevent the user from uploading image from the Media Library.

    2.1.9 – 23.02.2016

    • Improved support for Unicode characters.
    • Improved support for HTML code and other characters in the content of the tooltips.

    2.1.8 – 25.01.2016

    • Added support for Unicode characters.

    2.1.7 – 21.01.2016

    • Fixed a bug that would prevent you from saving a map with a lot of spots on it.
    • Various small bug fixes.

    2.1.6 – 19.01.2016

    • Several minor bug fixes.

    2.1.5 – 15.01.2016

    • Fixed a bug that would cause “empty” shapes to break the editor.

    2.1.4 – 12.01.2016

    • Fixed a CSS conflict in the Editor.

    2.1.3 – 12.01.2016

    • Fixed a bug that would incorrectly calculate the sizes of the tooltips.
    • Fixed a bug that would position the tooltips incorrectly in certain situations.

    2.1.2 – 07.01.2016

    • Fixed a bug that prevented new lines inserted in a tooltip from rendering correctly.
    • Improved support for multiple image maps on the same page.

    2.1.1 – 06.01.2016

    • Fixed an issue where HTML code inserted in a tooltip would not render correctly.

    2.1.0 – 05.01.2016

    • Added an option to only display a tooltip when you click a shape.
    • Improved support for touchscreen devices.
    • Improved support for multiple image maps on the same page.
    • Added documentation for deep linking.

    2.0.2 – 04.01.2016

    • Fixed a bug that would prevent the image map from displaying if it’s set to responsive and its parent element is 0. For example, when the image is in a tab.

    2.0.1 – 04.01.2016

    • Fixed a bug that would add backslashes to the content of the tooltips.

    2.0 – 01.01.2016

    • In January 1 we released version 2.0 of the plugin, which is a complete rewrite!
    by
    by
    by
    by
    by
    by