Code

Discussion on Interactive SVG USA Map

Discussion on Interactive SVG USA Map

By
Cart 1,173 sales

LGLab supports this item

Supported

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

205 comments found.

Is it possible to change the color of abbreviations for selected locations?

Hi,

Send me an email via my profile page I’ll have a look.

Thanks, Greg

I don’t see the avg_ls_dom.js file in the download

Hi,

You can ignore or delete this if you want.

Thanks, Greg

Can I go ahead and integrate this into my wordpress site? How would I go about doing thiss?

Also, is each state linkable to a different page?

Thanks! Matt

Hi Matt,

The only way I know is to load it using an iframe, so upload the whole folder that includes the index.html somewhere on your server, and in your wp theme use an iframe and point to the index.html provided with the map.

And yes each state can have its own url.

Thanks, Greg

Ok, went ahead and bought this taking a chance and after looking quickly it doesnt appear to be able to fill a container 100% width height auto … is this not possible at all? Thanks!

Hi,

See previous answer.

Thanks, Greg

Ok thanks – email sent.

Are the colors of the states all configurable in this? Hover colors and selected colors as well? How about making it responsive is that possible?

Hi,

Yes all colors can be changed in the xml file. I have a responsive version here, send me an email via my profile page and I’ll send it over. But I’m going away for the week-end, so I’ll get back to you on Monday.

Thanks, Greg

Works great in all browsers except Chrome. It does not display at all.

Hi,

It seems to work fine here in chrome on windows, are you on Mac?

Thanks, Greg

I uploaded it to my website and it works great in all browsers. It only doesn’t display in Chrome when I am using files saved on my local machine. As long as it works once it is uploaded then no worries but thank you for the response.

Map over denmark, will it work with a map over denmark to.? what will it take to get it to work? (how much work.?)

Hi,

I have a map of denmark here, send me an email via my profile page and we can discuss it further.

Thanks, Greg

I purchased this map a couple weeks ago and have been trying to implement it into my wordpress webpage. I have loaded it using an iframe and also edited the init.js file to link to the xml file. Is there any way you can see why it isn’t working correctly? Webpage is http://www.archeryaddicts.net and the map should be pulling up midway through the homepage under State-Forums. I did change the background color of the map to black and you can see where the square is (where the map should be)

Hi,

The problem is not with the iframe as you can see the map doesn’t work on its own here: http://www.archeryaddicts.net/usaMapSVG/simple/index.html

I looked in your xml file and you are using urls with parameters, e.g. using ?param which is not possible within a xml attribute, but I have a solution here for that so email me via my profile page and I’ll help you out.

Thanks, Greg

is this plugin would be working on wp 3.5.1

yes it should but it’s not a wp plugin, so you will have to load it using an iframe.

I want to use the map on two different pages within my website but I need it to use two different XML’s as the links will be different. How can I acheive this?

Hi,

Send me an email via my profile and I’ll optimize the code so you don’t have to duplicate files other than the xml.

Thanks, Greg

Hey Greg, I got your emails and everything is working great except the map I want to be simple. It’s showing the box on the side and not linking to what I have set in my XML. How do i fix this?

Hi,

Just set the “useSideText” parameter to false in the xml file.

Thanks, Greg

Hi, I’m running WP 3.5.1 and gravity forms which are running jquery 1.8.3. When I use the interactive map’s supplied jquery version, gravity forms does not function. If I comment out the interactive’s map jquery inclusion script, gravity forms works, but not the map. Is there anyway to resolve this conflict? Thanks!

Hi,

I have just uploaded an update for this map with jquery 1.9.1, it should be approved and available for download within 24 hours, but email me if you want and I’ll send it you and it should fix your issue.

Thanks, Greg

Thanks for the quick reply Greg. With the newer version, I still encountered the same issue. However, I was able to resolve it by using <?php wp_enqueue_script(“jquery”); ?> before wp_head() is called in my theme’s header.php file (remove <script src=”js/jquery.js” type=”text/javascript”>) . Then I needed to modify line 1 in init.js to jQuery(document).ready(function ($) { since wordpress runs jquery in “no conflict” mode. In this mode, the $ shortcut is not supported.

I hope this is helpful for anyone trying to use this map in wordpress.

Hey Greg, if you go to demo.lakefun.com and click Lakes, the side bar doesn’t appear but if you type the full URL in the address bar (demo.lakefun.com/lakes.html) it works. How come it’s not working from the Lakes menu?

Hi,

I don’t actually see anything at all when clicking on lakes, I mean not map at all, did you update since you wrote this comment?

Thanks, Greg

You’re right. Nothing shows up. You can see a little blue bar from where the side bar should be. I think the page is having problems locating the XML file. Did you see the map when you type the URL in?

yes I can see the map when going directly to the link, I’m not sure to be honest, maybe something due to the iframe, maybe try and contact the author of that template.

Thank you panosd. I will try it.

Hi,

I’ve received your email and will get back you tomorrow.

Cheers, Greg

Will you also please answer if the side text can be placed at the top also.

Sent you an email ;-)

if (useSideText == ‘true’) { $(”#text”).css({ ‘width’: (parseFloat(textAreaWidth) – parseFloat(textAreaPadding * 2)) – ‘px’, ‘height’: (parseFloat(mapHeight) – parseFloat(textAreaPadding * 2)) – ‘px’, ‘display’: ‘inherit’, ‘float’: ‘left’, ‘padding’: textAreaPadding + ‘px’, ‘margin-top’: 400

});

that worked for designdaygraphics

Can you display the side bar with the information about the states at the bottom of the map? Thank you.

This map is what I am looking for. Is this map responsive? Thank you.

Hi,

It’s not responsive at this point, I will make an update at some point with a responsive version.

Thanks, Greg

Hi there—-I’ve modified your script slightly so that I can use it in a dynamic manner, with PHP, as well as as a jQuery plugin. Everything is working except that the map doesn’t recognize the height and width dimensions in IE7 or IE8. Do you have any idea what be wrong? Are there some key points in the init.js or XML file for IE7/8?

Hi,

Send me an email via my profile page I’ll have a look.

Thanks, Greg

Just upgraded to the new version with state abbreviations. When I hover the mouse over the abbreviation letters, the letters fade and disappear (and do not reappear). Also, when I initially hover on the letters, a blank tooltip window appears. However, when I hover on a blank part of the state I get the normal whole state name as expected in the tooltip box. The hover behavior with the blank tooltip and fading away abbreviations happen on states that are turned “OFF” too. I’m probably missing something. Please help! Thanks.

Hi,

Did you read the change log in the help file detailing what has been updated? I think what you are experiencing is due to the raphael.js not being updated, there is a tweak in this file to prevent the abbreviation hover problem you are seeing.

Thanks, Greg

Good work on this!

Quick question. For the smaller states, HI, NJ, RI, etc. How do I get rid of the box that displays these states?

Hi,

Send me an email via my profile page and I’ll take them out for you.

Thanks, Greg

Thanks Greg!

I just purchased and cannot get it to load. This file is not in the installation: A2EB891D63C8/avg_ls_dom.js

Hi,

This script is just for avg security but you can remove it, however it’s unlikely this is causing any error so send me an email via my profile page and I’ll check your map.

Thanks, Greg

Thanks for the reply. I figured it out. I have the code in the sub directory of a drupal install so the xml file was not getting read in the init.js file. I had to edit it with the full path. Great job on the program.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey