AA-Team

AA-Team supports this item

Supported

This author's response time can be up to 10 business days.

35 comments found.

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!

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

Thank you very much . I have a question . how can i add image insted of text in tooltip ?

Thank you .

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

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

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

in safari, the map never loaded in the example.

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

Great job Alexandra,

One question, how can I put an image beside the text in the tooltip?

Thx.

Your demo doesn’t work. The world just keeps spinning

(safari).

It works in Firefox but does not work in chrome. Im considering the purchase but need it to work in all browsers.

Where can I see demo?

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.

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

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?

by
by
by
by
by
by