35 comments found.
The script doesn’t work with Chrome, even though Chrome is mentioned under “compatible browsers”. Unfortunately I didn’t read the comments before purchasing, because now I see that others have had this problem, too. Is there a fix for this problem?
Hello, just noticed that the demo link is not available anymore. Please, can you setup an online demo? TIA
Hi,
Thanks, we fix it.
Thanks, Andrei Dinca
Can’t make it work in any WebKit (Safari/Chrome) browser. Has anyone found a fix? It’s such a useful plugin – shame not to deploy.
Where can I see demo?
It works in Firefox but does not work in chrome. Im considering the purchase but need it to work in all browsers.
Your demo doesn’t work. The world just keeps spinning
(safari).
Great job Alexandra,
One question, how can I put an image beside the text in the tooltip?
Thx.
Hi,
Is it possible to have the map of Madagascar on this.
Thanks, Manda
hello,
You can add any map you want to.
cheers, A
in safari, the map never loaded in the example.
Hi,
I have the same question.
can the images on the map be made to open an external link in a >new window when clicked?
Can You help to produce the code necessary?
Thanks !
Miick
Hello,
I’ve explained here, on the comments page how to do it.
If you don’t understand please send me a email so I can send you some more instructions.
Cheers, A
can the images on the map be made to open an external link in a new window when clicked?
you need to make some modifications in order to click a image & open in new window
AA, Any advise you could give me in incorporating this into WordPress? I have placed the css in my default WP style.css and this:
<div class="map" id="asiaMap"></div>
<script type="text/javascript">
$(document).ready(function() {
// ro map init
javascriptMap.init({
'mapUrl': 'img/custom/map.png',
'xmlUrl': 'img/custom/map.xml',
'mapElm': '#asiaMap',
'mapMargin': '13px 0 0 10px'
});
});
</script>
in my page.php template. I am calling the map.class.js. Do I need to have all of the fancybox file in my theme as well? What am I doing wrong?
Hello,
You need all the files, including the fancybox (it’s used for the tooltip)
Make sure that all the paths are all right.
Also don’t forget the xml file.
If you need more assistance, please send me a email.
Cheers, A
Thank you very much . I have a question . how can i add image insted of text in tooltip ?
Thank you .
just checking, i left a comment a few days ago and emailed you with no response. if anyone can help me with the linking the points, let me know.
Hello, I’ll explain here, it’s a little complicated.
So in the .xml you have the following:
<position left="365" loadbitmap="images/map/video.png" id="UKR" align="left" bitmapsize="40" top="250">
<name>UKRAINE</name>
<details>
<adress>UKRAINE location</adress>
<telephone>0728 703 942</telephone>
<email>email@test.com</email>
</details>
</position>
You need to add this :
<siteurl>http://www.google.ro</siteurl>
And will look like :
<position left="365" loadbitmap="images/map/video.png" id="UKR" align="left" bitmapsize="40" top="250">
<name>UKRAINE</name>
<details>
<adress>UKRAINE location</adress>
<telephone>0728 703 942</telephone>
<email>email@test.com</email>
<siteurl>http://www.google.ro</siteurl>
</details>
</position>
Now, go to js folder, map.class.js file, and edit it.
Go on line ~110 and add the folowing line :
'siteurl' : self.ajaxObject.find('details').find('siteurl').text()
Just under : 'email' : self.ajaxObject.find('details').find('email').text(),
Now go to line ~117 and modify this:
$(self.option.mapElm)
.append('<p class="regionAlias" id="area-' + self.option.xmlArray.id + '"><img src="' + self.option.xmlArray.loadbitmap + '" width="' + self.option.xmlArray.bitmapsize + '" /><br /> ' + self.option.xmlArray.name + '</p>');
with this :
$(self.option.mapElm)
.append('<p class="regionAlias" id="area-' + self.option.xmlArray.id + '"><a href="' + self.option.xmlArray.details.siteurl + '"><img src="' + self.option.xmlArray.loadbitmap + '" width="' + self.option.xmlArray.bitmapsize + '" /></a><br /> ' + self.option.xmlArray.name + '</p>');
If you don’t manage to do it, please email me.
Cheers, A
love the file! wanted to ask if you could also send me instructions for making the points into links as well as the tooltip hover? i’d appreciate it thanks!
Another great integration of this script on this website: http://cubalocal.es
Vote for CubaLocal on the CSS Design Awards please!!!
http://www.cssdesignawards.com/css-web-design-award-nominees.php
XML Java map in action on a Wordpress website: http://www.lokale-economie.be
Really love this script!!
Would also like to know how to add links. Also, what if map exceeds template size? Thanks!
Hello,
Can you give me your email adress? I’ll send there some instructions.
It’s a little complicated.
Cheers, A
max(at)funkyrabbitmedia.com
I actually figured out my previous questions, but I have a couple more for you 
Thanks for your help!
If you have any more questions send them by email (alexandra.ipate@gmail.com)
Thanks,
that helped me out! Let’s hope we can put it into a WP sidebar as well
hi mattd,
i bought this plugin several months ago with another account i have here. have some problems accessing that account so ask it with this one.
2 questions:- what is the mapElm used for? I don’t see any decent explanation for that one in the help file
- how do i add a link to the xml so that the tooltips can be clicked as well? maybe you can give example here??
Hello,
mapElm is used for adding multiple maps (I have 3 different maps on the preview with different ids – ‘mapElm’: ’#roMap’,)
About the link, i don’t understand here do you want to add it, on the tooltip or on the image (on the tooltip is possible, but on the image it’s not.)
Cheers, A
Hi,
well can you send an example of how to add the link to the tooltip? That would be great!
Cheers
I’ve sent some instruction on email.
