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.

Just downloaded the file and “avg_Is_dom.js” is missing from the script!

Or am I missing where this is located? Would you mind helping me find it?

Excited to use this SVG Map!

Hi,

You can ignore/delete this, it’s a script used by avg security software, nothing to do with the map.

Thanks, Greg

How do we define parameters for the states without the xml file? You mentioned that in an earlier comment, but those options are not in the readme file. Thank you.

Hi,

I didn’t make that an update as it was a single request, why do you need this?

Thanks, Greg

I have dynamic data from WordPress that I’d like to run from the page (so the client can edit it) instead of from the XML (where the client can’t edit it)

Ok so where do you want the parameters to be? Last time I did that I put them directly in the javascript file, but that will be the same problem for your client.

Send me an email via my profile page to discuss it further.

Thanks, Greg

hello. i see that your map works with raphael.js wich has 222kb. Can it work with the raphael-min.js wich has 90kb? thank you

Hi,

You can but minify the one that is included with the map as I had to make changes to it so don’t use the one from rapahel site.

Thanks, Greg

Possible to click a state and open data in a lightbox?

Hi,

I could add this option but I’m very busy at the moment so if you want send me an email via my profile and I’ll get back to you when I can.

Thanks, Greg

Can you please show me what I am doing wrong? The map is not loading. Thanks!

http://www.thedeltasig.com/map.html

Hi,

In your html you are linking to a raphael.min.js which doesn’t exist, my map does not include such file, replace with raphael.js.

Thanks, Greg

Can you please show me what I am doing wrong? The map is not loading. Thanks!

http://www.thedeltasig.com/map.html

hello. do you have the map for Romania? responsive version. I can supply .ai map with the counties already delimited if you need

it is symbian based browser. i tried another svg map with opera mini in same phone and that map loaded ok (in default symbian broser that didn’t work). so i think yours would work as well in opera. another issue that i have is that the map scripts doesn’t have to mess up my flynax script wich uses heavely java. i tried the second map (since there is a demo wich i can load and test it in my website) and that is working ok. remains to be sean if yours will work. will test later in an android phone to see how your map works and olso in symbian with opera mini.

so on symbian the map is not working unless you use another browser. have testes now on a 1.4 years old smartphone (so not so old after all), wich is an alcatel with android gingerbread and the map is not working as well. i have looked and svg is not supported on early iphone and olso on android less than version 3? so by default, we should leave in dust quite manny users. in the end, beside this issues wich are not comming from you, there is one wich afects all the maps i have tested. why don’t you create an tool like STOP IE6 wich checks the browser and so, if the phone is not in the “aproved” devices and the map will not load, show instead a error message with a link to download opera lite for that phone. or something. becouse the map is very important for the one who is buying it and he/she can’t aford to lose clients becouse these issues. so, can you make such tool that is shown instead of the map when the map is not loaded by the phone? thanks

Hi,

Ok I’ll add this option, in the mean time send me an email via my profile page as I don’t have access to any device/browser that don’t support SVG, so if you don’t mind I’ll send you a test link and you can tell me if the error message is displayed.

Thanks, Greg

Hi We see only one index file in the zip. How do we choose the different layouts? It says in the help file to choose the index file that we want but there is only one. Lior

Hi,

I replied to your email.

Thanks, Greg

How do I specify a URL to a pin on the map? I see in your example when I click a pin it goes to a URL, but I can’t find where to specify a URL…

Sent you an email, thanks!

Thanks Greg for all your help resolving these issues…

Hi,

Can you create a SVG interactive map of Australia? We have used your map for US, and are very happy with it.

Hi,

Send me an email via my profile page to discuss it further.

Thanks, Greg

Is there an easy way to figure out the x,y coordinates for a city location?

Hi,

The original map size is 930×590, so you could create a document at that size in photoshop for example and use a measuring tool to get the rough location of your pin, then adjust it manually.

Thanks, Greg

Where do I change the outline color for the state when the state is in ‘off’ mode?

Hi I don’t know if I explained the issue correctly, but the outline stroke for the states in ‘ON’ mode is a light grey (possibly #ccc?) but the outline stroke for states in ‘OFF’ mode is black??!!! How do I change the black outline to grey? I have searched and can’t find where to change the code…

Hi,

I see, somehow I didn’t make this an option, I’ll make an update for it, in the mean time send me an email via my profile page and I’ll adjust your map.

Thanks, Greg

Sent you an email, thanks!

Hi Nice map. Is it possible to add a custom image for pin markers on the map?

Hi,

Not currently but I’ll look into it for the next update.

Thanks, Greg

Hello!!

We have this map working very nicely with an iFrame, on a page template inside of a Wordpress installation.

The only problem we are having is that each state will have its own page on the website. Currently, the link is opening within the iFrame, rather than in the parent window. I don’t see an option to set a target for the links in the XML settings – do you have any suggestions?

I can send you an e-mail with a link to the site if you’d like to see what’s going on.

Thank you!

Hi,

Locate the following function in the init.js file around line 495 and change “_self” to _blank>

window.open(stateURLs[id], '_self');

Thank you!! I actually changed to _parent to open in the same window rather than a new one. I really appreciate your response.

The pins is a great addition to the features. Can the pins be set up to generate bottom text or side text without a lot of re-coding on my part?

Thanks.!

Clarification: when the pins are clicked. Side or bottom text is generated? Thanks.

Hi,

The pins act exactly the same as the states, whichever version you wish to use, so if you use the version with text, the pin will have their own text and display it. I will show this option in the preview as it is not clear, however an example of this functionality is included in the download files.

Thanks, Greg

LGlab,

Can I use on Joomla? I’m a novice, so how hard to is it to implement?

Thanks

Hi,

Not sure about Joomla but in wordpress you can load the map using an iframe, so you could put the map folder anywhere on your server, and in your joomla theme load it by using an iframe that points to the index.html in the map folder. Additionally you may have to put the xml file in the root of your server for it to work, regardless of the location of the map.

Thanks, Greg

hi LGLab,

I am having difficulties with installing this into Wordpress. I have followed your directions, but having difficulties :(

I copied the <link rhef and the <scripts…into the header.php file, but I am not sure where to place the files. I also copied the ‘div class wrapper’ into one of the “page.php” but still nothing. Hopefully you are familiar with wordpress and we can get this ball rollin.

please help

BillCooper@live.com

ok…map is up, but now I want edit the xml file, but nothing happens to the map in regards to changes? so lost…I will just wait for your help.

Thanks again… Bill

Also, nothing is showing in FireFox or IE…

Email sent ;-)

Any chance you can share a way to add markers to map territories? Would be ideal to be able to add multiple markers to a state so more than one window can open.

Hi,

I will make an update to this map next week including the ability to have markers, in the mean time send me an email via my profile page as I already have a version here with this option.

Thanks, Greg

First thanks for this great map. I try to reduce my javascript to minimum, so I have downloaded raphael-min.js which is about 90kb instead of 220kb normal version, but now abbreviations disappear after I hover over them once. Can you please tell me how to overcome this problem and still use raphael-min.js?

Thanks Nemanja

Hi,

I had to alter the original raphael code for the abbreviations to work, so you need to use mine, but you can minify mine if you want, there are plenty of free tools online to do that.

The url thing is not a bug, xml files will break if that sign is in an attribute, but I have a version here to fix that where the url is set within the cdata tag so send me an email via my profile page and I’ll email you the fix.

Thanks, Greg

Thanks, I already did minify your script :) I’m sending email…

Replied :-)

I do see your sample USA maps are working on Chrome but after I purchased the files and it isn’t working on Chrome as yours do. Is there anything I should to do?

Hi,

This may be caused by testing locally as chrome will block some svg features, so test locally using FF for example and everything will be fine when accessed online.

Thanks, Greg

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