Discussion on Image Map Pro for WordPress - Interactive Image Map Builder

nickys

nickys supports this item

Supported

This author's response time can be up to 1 business day.

652 comments found.

flome

flome Purchased

Hi there, I’m trying to keep the svg icon size constant with window resize. This is in order to be responsive. Currently, as I resize the window; the map scales proportionately, but the icons stay the same size. Can I change this behavior? Thanks!

yanchev

yanchev Author Team

Hello, The icons that you can use in your image-map are with fixed size (40×40 pixels), no matter if they are “Custom” or from the integrated “Library”. The size of the icons isn’t responsive. This is the developer’s decision and the reason is user experience. The icons preserve their sizes, because when the image-map resizes on mobile, the icons might be too small to tap with a finger. That is why they keep their sizes, and they remain centered around their original location.

moenet

moenet Purchased

Hello,

my website happened HTTP ERROR 500 and after rename (image-map-pro-wordpress) plugin folder, the site up well. May i know what happen?

yanchev

yanchev Author Team

Hello, I have answered you in submitted ticket to us. :)

moenet

moenet Purchased

When click plugin Activate, this error happened

Plugin could not be activated because it triggered a fatal error.

Parse error: syntax error, unexpected T_STRING in ...... /wp-content/plugins/image-map-pro-wordpress/image-map-pro-wordpress.php on line 15

yanchev

yanchev Author Team

Hello, I have answered you in submitted ticket to us. :)

trexya

trexya Purchased

With new Image Map I can’t disable tooltips. I can only show it on click or on hover. Thanks

yanchev

yanchev Author Team

In the released the latest version of the plugin (Version 4.1.0) there are some fundamental changes in the plugin and the functionality to “disable a tooltip” was accidentally missed because in the earlier version it was available. Until the end of the current week, there will be a new version of Image Map Pro. In that version, you will be able to choose whether the Tooltips to appear or not appear.

We apologize for the inconvenience!

trexya

trexya Purchased

thank you

doublelq

doublelq Purchased

I have a Black and White image and I want it to turn into the color version of the image when a mouse rolls over it, How do I do that?

yanchev

yanchev Author Team

In your case, you have to use the API of the plugin. You can see the example which is identical to your case from the documentation of the plugin here https://webcraftplugins.com/image-map-pro/uploads/documentation/index.html The example is “A Simple Example 1 (JavaScript)”.

If you have any difficulties in the implementation of this functionality, do not hesitate to submit a ticket with the help of our support system and we will assist you – https://webcraftplugins.com/support/

flyhead

flyhead Purchased

Hello, very nice plugin! Before I am certain this is what I am looking for, I’d very much like to know if it is possible when mouseover different hotspots, the background image can change to a different picture, while the image map does not have to change.

flyhead

flyhead Purchased

Thanks for the answer. I shall place the order now.

flyhead

flyhead Purchased

It is not working.

the variables are:
  • image-map-pro-1718 — this I replaced with the slug of my image map
  • my-shape-1 — this I replaced with the name of the shape in my image map
  • img/image-2.jpg — this I replaced with the url of the background image to appear when the shape is highlighted
  • img/image.jpg — this I replaced with the url of the original background image

So the whole piece of snippet was pasted in “Image Map Settings” -> “Custom Code” -> “Custom JS”

Did not work. Did I miss something?

yanchev

yanchev Author Team

Hello, Could you please, submit a ticket with the help of our support system so that I can assist you: https://webcraftplugins.com/support/

In the content of the ticket, please add the Custom JS code and give me a link to your site, where you have posted your image-map.

Hello. Just looking at your demo and hoping this can be something we could use on a current project. I see that the image and image maps are responsive, but the image map popup windows are positioned (at least partially) off screen. Any way to fix that?

Also I saw that a zooming feature is coming soon. That would be really great for this project. We want to replicate a Google map, but draw image maps depicting subdivision plots for sale. The ability to zoom in would be something the client would want…probably. Thanks.

yanchev

yanchev Author Team

Hello, The image-maps which you can create with the help of Image Map Pro are responsive.

Regarding tooltips (“popup windows”) appearing – We recommend when the image-maps are visualized on mobile devices, the tooltips to be set in fullscreen mode. In the editor of the plugin there is an option with the help of which you could set ‘fullscreen mode’ on mobile devices and ‘standard mode’ on Desktop PC.

Regarding positioning of the Tooltips – You can set only the position of showing (in which direction will be appeared) – Top, Bottom, Left, Right. (in ‘standard mode’)

I am not sure how to publish map or how to generate shortcode

yanchev

yanchev Author Team

Hello, To be able to post the created image-map in a WordPress page, you need to set a ‘Shortcode’ by ‘Image Map Settings’ -> section ‘General’ from the editor of the plugin. For example, if you enter “my-image-map” in the Editor, you can insert the image map with [my-image-map] in plain text.

simplecup

simplecup Purchased

Hi, I’m wondering, is it possible to fade the edges of each section of the image map so it’s not so “flat”? Give it kind of a blur? does that make sense? Thanks!!

yanchev

yanchev Author Team

Hello, To be able to accomplish something similar you can use the options regarding “Default Style” and “Mouseover Style” from the editor of the plugin: select a shape (“section”) and going to “Shape” -> “Mouseover Style” or “Default Style” -> set the parameters that you want.

the icons are all funky : https://monosnap.com/file/mRqc9PX4eKT54oGJ35a4brlcrjCSUB how to fix this ?

yanchev

yanchev Author Team

If you have already purchased the plugin, please, submit a ticket to us with the help of our support system and we will give you a solution how to fix the icons visualization: https://webcraftplugins.com/support/

flyhead

flyhead Purchased

Not sure if this is a bug or a missing feature. It has to do with the change of behaviour between mobile and desktop when a shape in the map is highlighted:

Desktop: the link would require a mouse click to activate

Mobile: jump immediately to the link even before the mouseover effect ( tooltip etc ) is completely displayed.

It would be a lot more user friendly if in the mobile mode, a double tap is require before the link can be activated.

The whole reason for having a image map rather than a simple link to an image is to let the user browse within the image different pats of the image for different further info. Cutting short of the browsing experience by replacing with an immediate jump to one of the links defeat the whole purpose and letting the user feel cheated. Wouldn’t you agree?

Hi,

Pre-sale question:

We have a real-estate project and we need to point out real estate plots on the map. Below the map we have a table list with plot information (size, price etc). Can we link to the real estate plots on the maps using link classes or id-s? For example: if i click on the “Plot nr 1” on the table then correct plot on the map will be highlighted?

Thanks,

J.

Hello,

Yes, you can accomplish it (“link to the real estate plots on the maps” and “if you click on the “Plot nr 1” on the table then correct plot on the map to be highlighted”) with the help of the API of the plugin.

You can see the example which is identical to your case from the documentation of the plugin here: https://webcraftplugins.com/image-map-pro/uploads/documentation/index.html

The example is “A Simple Example (HTML)”.

Best Regards

by
by
by
by
by
by