Image Map Pro – Creador de mapas SVG

Image Map Pro es mucho más que otro complemento de mapa de imágenes. Coloque ubicaciones, agregue texto, sí, claro, eso es cierto. Pero ahí es donde se detiene lo ordinario. Image Map Pro viene con su propia aplicación web rica en funciones, por lo que puede crear rápida y fácilmente la selección más completa de mapas de imágenes personalizados, pines, SVG y formas de polígonos, y exportarlos inmediatamente a su sitio web.

Funciones principales

• Más de 50 mapas de países y continentes incluidos
• Formas de polígono personalizadas
• Más de 600 iconos FontAwesome de alta calidad
• Editor de back-end súper avanzado
• Generador de contenido para información sobre herramientas
• Totalmente receptivo
• API JavaScript y HTML
• Acciones de clic/pasar el mouse
• Estilos personalizados para formas
• Importación/exportación de mapas de imágenes
• Funcionalidad Deshacer/Rehacer
• Zoom en el Editor
• Capacidad de pantalla completa
• Renombrar y reordenar formas
• Copiar/Pegar y Duplicar Formas

1. Editor de arrastrar y soltar súper avanzado

La interfaz de usuario es instantáneamente familiar: arrastrar y soltar con pasos, íconos y herramientas de forma que se explican por sí mismos a su disposición: no podría ser más fácil. Sin embargo, solo para estar seguros, también hemos incluido una guía de video paso a paso súper nítida en caso de que necesite que lo tomen de la mano con amor, en el camino. ¡Compruébalo ahora probando el Editor en vivo!

¡Prueba el editor!

Más de 50 mapas de países incluidos.

Hemos incluido más de 50 mapas de países con regiones, continentes y el mundo, todos listos para usar y altamente personalizables.

Puede agregar alfileres, cambiar colores, habilitar/deshabilitar regiones, ejecutar código personalizado al hacer clic e incluso dibujar polígonos, texto y otras formas en la parte superior.

2. Agregue cualquier cosa a la información sobre herramientas con un generador de contenido

Image Map Pro viene con Squares, nuestro generador de contenido a medida que le permite agregar contenido enriquecido a la información sobre herramientas de su mapa de imagen. Agregue video, contenido de YouTube, imágenes o botones y, por supuesto, texto con estilos para arrancar. Incluso puede organizar su contenido en una cuadrícula de estilo Bootstrap de 12 columnas. Vuélvete loco, de nada.

3. Dibuja tus propias formas personalizadas

Image Map Pro es el único complemento que le permite dibujar formas poligonales personalizadas. ¡Incluso puede acercar para obtener la máxima precisión! Por supuesto, todavía puedes dibujar los buenos círculos y rectángulos a la antigua, pero eso es tan 2007…

¡Prueba el editor!

4. Más de 600 iconos FontAwesome de alta calidad

En el Editor, encontrará una biblioteca de más de 600 íconos SVG de FontAwesome de alta calidad incluidos GRATIS. Puede cambiar su tamaño y color y se escalarán perfectamente. ¿Necesita usar su propio icono? ¡Tu también puedes hacer eso!

5. Infinitas combinaciones de estilos y animaciones

Con el Editor, puede personalizar propiedades como la opacidad, el relleno, el trazo y el radio de las esquinas para que coincidan con el diseño de su sitio. También puede tener estilos separados al pasar el mouse por encima o hacer que las formas sean completamente invisibles.

6. ¿Busca aún más funciones?

Sensible

Image Map Pro se escalará maravillosamente en todo tipo de dispositivo, y si tiene información sobre herramientas que necesita mostrar una gran cantidad de información, incluso puede hacer que aparezcan en pantalla completa con solo tocar un botón.

API JavaScript y HTML

Ejecute JavaScript cuando un usuario haga clic en una forma o active una información sobre herramientas para que aparezca agregando un atributo HTML a cualquier elemento de su página.

Acciones personalizadas

La información sobre herramientas se puede hacer para que aparezca al pasar el mouse o al hacer clic, según el propósito que se adapte a sus necesidades. Por supuesto, eso podría significar apagarlos por completo, también una opción con IMP. O puedes hacerles enlaces. ¡Tu decides!

Atención al cliente gratuita durante 6 meses

¡Estamos aquí para ayudar! Si tiene algún problema para instalar o usar nuestro producto, envíenos un ticket y le responderemos lo antes posible.

Enviar ticket

Registro de cambios

5.5.0:
    - Improved the SVG import process
5.4.0:
    - Bug fixes
5.3.0:
    - Bug fixes
5.2.0:
    - Bug fixes
5.1.6:
    - Fixed a bug where an image background of a shape would display regardless of the currently selected layer
    - Fixed a bug where image background offset and scale would be ignored for mouseover styles
    - Added missing example videos for the content builder
5.1.5:
    - Minor bug fixes
5.1.4:
    - Minor bug fixes
5.1.3:
    - Minor bug fixes
5.1.2:
    - [Other] Limited the height of the shapes list to max 50% of the window height
5.1.1:
    - Minor bug fixes
5.1.0:
    - [Feature] Added 50+ maps of countries, continents and the world
    - [Feature] Added an option to disable a shape (make it non-interactable)
    - [Feature] Added an option to have an image map without any image (transparent background)
    - [Feature] Newly created shapes have more user friendly names and the default content contains the title of the shape
    - [Feature] Added support for importing "path" SVG elements
    - [Feature] The shapes menu is now responsive
    - [Bug] Tooltips will no longer blink when changing shapes quickly
    - [Bug] Fixed position of tooltips when "sticky tooltips" is enabled and the tooltip belongs to a pin shape
    - [Bug] Fixed a bug when dragging an element to a container sometimes gets stuck on the mouse
    - [Other] If there is no shape selected, shape settings are hidden and a message is displayed
    - [Other] Limited the height of the shapes list
    - [Other] Reworked the new/edit layer window. In WP it will now use the media uploader, instead of simply a text field for an URL
    - [Bug] Improved compatibility with maps created before version 5.0
    - [Bug] The "Tooltip" settings tab no longer shows for Text shapes
    - [Bug] In the editor in Edit mode a tooltip will no longer show for the selected shape, if it has a parent and "Use Parent's Tooltip" is enabled
5.0 - Jan 15, 2019:
    - Fresh new look for the Editor
    - Gutenberg support
    - When selecting a shape in Edit mode, you can now see the tooltip of the shape and some buttons above it
    - Moved tooltip style settings to a floating window, which can be opened by clicking the Tooltip Style button above a tooltip
    - Tooltips can have custom positions by clicking the Transform Tooltip button above a tooltip
    - All tooltips now use the content builder by default. "Plain Text" option has been removed and all existing tooltips with "Plain Text" have been converted to use the content builder. There is no change in functionality and no additional work is required on clients' part.
    - Content builder can now be accessed as a floating window in the Editor, without entering a separate "content builder mode". You can drag and drop elements directly on the tooltip and see the results immediately.
    - Default padding of tooltips changed from 20px to 15px
4.4.5 - Jul 14, 2018
    - Fixed a bug related to multiple tooltips containing YouTube video elements
4.4.4:
    - Minor bug fixes
4.4.3 - Jul 5, 2018:
    - Fixed a bug that caused layers not to load their own image
    - Fixed a bug that prevented layers from functioning properly when a layer has been deleted
    - Fixed a bug with mouseover styles on fontawesome icons
    - Floor select menu is now working as intended in Firefox
    - Videos will now stop playing when tooltip is closed
    - Other minor bug fixes
4.4.2 - May 9, 2018
    - Fixed several bugs when switching floors
    - All floor images are now being preloaded on page load
    - Added JavaScript API for switching floors
    - Added HTML API for switching floors
    - Added the new API functions to the documentation

4.4.1 - April 12, 2018
    - Minor bug fix

4.4.0 - April 10, 2018
    - New feature - multiple floors.
    - Minor bug fixes.

4.3.1 - February 15, 2018
    - Fixed a bug that would sometimes prevent scrolling when the mouse cursor is over the image map.

4.3.0 - February 6, 2018
    - Added zooming functionality
    - You can now draw static text on the image
    - Import SVGs from Illustrator to Image Map Pro

4.2.0 - January 17, 2018
    - Replaced the icon library with FontAwesome!

4.1.3 - December 7, 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.2 - October 17, 2017
    - Minor bug fixes.

4.1.1 - October 14, 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 - September 18, 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.2 - June 16, 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 44x44 pixels.

4.0.1 - June 14, 2017
    - Fixed a bug in the editor that would sometimes cause the editor to not work in Safari or Firefox.

4.0.0 - May 28, 2017
    New Features
    - 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
    - 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 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...