Discussion on Interactive SVG USA Map

LGLab supports this item

Supported

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

205 comments found.

over 1 year ago

Hello,

I purchased the US map with my purchase code being 546ced8b-c201-45d9-b740-d148e702c803, when i loaded the index.html file sent , map does not load and what i observed is that A2EB891D63C8/avg_ls_dom.js this file is not available in the download done at codecanyon. Kindly help me out in making this map visible and run for our project. Thanks

LGLab Author

over 1 year ago

Hi,

You can remove the script that loads this file it’s not needed / related. You need to upload / test the map on a server as locally the request to the xml file is blocked due to CORS.

slidebrand Purchased

over 2 years ago

Hi, I’m wondering if the .zip file is missing stuff. Currently, I don’t see a way to choose between the different map options. I only have one index.html file and it takes me to the version with bottom text. I need to use the simple version (navigate to URL), but can’t find the file for it.

thanks

LGLab Author

over 2 years ago

Hi,

In usaMapSettings.xml set useText to false.

Thanks

ceegee55 Purchased

over 2 years ago

Hello,

Trying to pop this on a Joomla site. I’ve had this for a long while now and needed to use it. Can you explain how to use it with Joomla YooThemes or just the Joomla articles?

LGLab Author

over 2 years ago

Hi, I don’t have experience with Joomla, this is a jQuery plugin so if Joomla supports jQuery plugins then you should be able to use it as any other jQuery plugin.

faxbb Purchased

about 3 years ago

Hi, I tried to install it in a wordpress website page.. below is the url..

https://faxbb.com/area-code-map/

I embedded css and js files.. one js file not exist in the downloadable folder which you provided the file name is.. A2EB891D63C8/avg_ls_dom ?

even doesn’t mentioned how I can add xml file even it is main control for main..?

Please check above mentioned url and guide me..?

4 other replies

LGLab Author

about 3 years ago

Hi,

In init.js, replace $(function () { with jQuery(function($) {

You can ignore/remove the avg line

Thanks

faxbb Purchased

about 3 years ago

okay,

faxbb Purchased

about 3 years ago

I doesn’t work after doing changes..what about xml file…? even it doesn’t work on default download even with suggested changes..

LGLab Author

about 3 years ago

I can’t see your changes on your server, it is still the old init.js

Re the xml file you might have to change the path in init.js to an absolute path

faxbb Purchased

about 3 years ago

Right now it is showing USA states but how if I would like to add Canada states as well along with USA states..?

LGLab Author

about 3 years ago

Hi, sorry but this map is only for USA

faxbb Purchased

about 3 years ago

jonlaakso Purchased

almost 4 years ago

Hello.

Trying to get this up and running but it isn’t displaying anything.

It is just showing a blank screen:

https://niagaraestatecleaners.com/CLS_Maps/CLA_TEST_MAP_V01/index.html

I have uploaded all the files and folders to the following directory:

https://niagaraestatecleaners.com/CLS_Maps/CLA_TEST_MAP_V01/

Please let me know where I might be going wrong.

Thanks again!

LGLab Author

almost 4 years ago

Hi,

Looks like this file is missing https://niagaraestatecleaners.com/CLS_Maps/CLA_TEST_MAP_V01/js/jquery.js

Thanks.

amit_tiwari024

almost 7 years ago

http://preview.codecanyon.net/item/interactive-svg-usa-map/full_screen_preview/1021095 the demo links are not working please check

LGLab Author

about 4 years ago

Fixed

Mattwill1975 Purchased

about 8 years ago

How do you get the text to change when you click on the different states. The default text is always showing, what am I missing?

obonil-inc Purchased

over 9 years ago

Hi, Can I use custom pins on this? Thanks.

irinita777 Purchased

over 9 years ago

Is there a way to add 5 US territories to the map?

caughill Purchased

over 9 years ago

I’m having the same problem some others have. I just get a blank page when I open the index page in any browser.

caughill Purchased

over 9 years ago

Never mind. I’ve got it working on the test page. No luck integrating it into the CMS, yet. But we’ll see.

caughill Purchased

over 9 years ago

I love this thing, but would anyone know how to add Canada to the map? Does it have to be drawn using coordinates in the paths.js file? I could really use a hand here.

atetraxx Purchased

over 9 years ago

I was also experiencing issues when using chrome on mac osx. I believe I found a workaround/fix.

The first click on a state does not produce text results in chrome. The state must be clicked twice to produce a result.

For some reason, leaving the tag < br / > after the state name in CDATA fixes this.

Example: <![CDATA[< h1 >ALASKA< /h1 >< br / >

Note: Remove spaces in the tags if you copy the code from here. Comments will not allow tags so I added spaces.

Hope this helps someone.

jackie_ga

over 9 years ago

Hello, do you offer customization for this map? We would like to use it to highlight regions in the US and other countries and not just states. Please let me know what customizations and pricing you offer!.Thank you!

teddydog Purchased

over 9 years ago

I get a blank page when I open (launch) the index file in Safari or Chrome, or even from Bbedit. What am I doing wrong?

solastley Purchased

almost 10 years ago

Hi. Some people have been complaining about the states not being clickable in Chrome. I’ve solved the problem. For some reason, the mouseup event is not working on the hitAreas. There could be a conflict somewhere else in the code or there could be an issue with chrome, but if you go into the init.js file and change “hitArea.mouseup” to “hitArea.click”, it should work in Chrome.

irinita777 Purchased

almost 10 years ago

Is it possible to have map to change text color on hover as well as the background color at the same time? I’ve tried to write some custom JavaScript to the purchased plugin, but didn’t have much luck.

AVATAVA Purchased

almost 10 years ago

Is Puerto Rico not included as part of the USA—or have I missed this part of the documentation? Thanks for the reply—other than this oversight (most likely mine)—I have this working well and easy.

LGLab Author

almost 10 years ago

Hi,

No Puerto Rico is not included in this map.

Greg

callogicgroup Purchased

about 10 years ago

This worked great for me. It was easy to edit, and allowed me to manually edit custom text areas for each state. This was great considering we needed ultimate flexibility.

However, one thing I have a question about is the state URL link in the XML settings.

I am trying to add an anchor link to automatically scroll downward to the text area after the state is clicked. Unfortunately, with the text on bottom, ir requires that you scroll down below the fold to view the text (maybe only on mine with the lengthy text). So, I would like to add anchor links to the lower text so when you click the region on the map, it will use the URL ="" in the XML to go to anchor.

example:

URL=”#state-info” (in XML)

(in Text Area)

I tried and was unable to get the link to do anything when I click, it doesn’t appear to attempt this URL / anchor.

Any insight would be helpful, thanks.

See here:

http://www.outdoororder.com/dealer-locator/

LGLab Author

about 10 years ago

Hi,

You should be able to do this in init.js, inside the hitArea.mouseup function:

$('html, body').animate({
  scrollTop: $('#text').offset().top
 }, 1000);

callogicgroup Purchased

about 10 years ago

Hi, I am trying to iframe this map into my existing Wordpress website, and I am only getting the first 100px or so in the iframe. I tried several things myself but was unable to get it to show the whole map. Do you happen to have some insight for me on how I can add to my website? It is really not useful if I can not add to my existing website.

Thanks

LGLab Author

about 10 years ago

Hi,

Send me an email with a link to your website and I’ll have a look.

Thanks, Greg

callogicgroup Purchased

about 10 years ago

I was able to find a fix for this. It was in my iframe code, and not anything regarding the SVG map. Thanks for your response however. Great Map!

dubl0dude Purchased

about 10 years ago

I am considering buying this. One quick question: Would it be possible to combine states into custom territories that I want to label? e.g. Instead of 50 US states as we know them, I can make 10 sections by combining certain states?

LGLab Author

about 10 years ago

Hi,

It is possible but would require work on the svg paths and xml file, so you would have to combine them manually.

Thanks, Greg

dubl0dude Purchased

about 10 years ago

Just bought it and took a peek at the code. I was more or less expecting an actual SVG file, but I see it’s drawn inside of a JS file. Do you have any recommendations on how I could combine the state lines in a more visual way? Or am I stuck with the tedious method of fiddling with the path code?

I presume that the states were drawn in some way, rather than someone writing all that code by hand.

LGLab Author

about 10 years ago

If you prefer to use an svg you can copy/paste the paths into a blank svg file. However it is not that tedious to do by hand as the paths are named, so you must know which states you want to combine, so just find the paths by their names.

toddgdaugherty Purchased

about 10 years ago

Hi,

I’ve noticed that several people in this forum over the past few years have had problems after clicking on a state while using Chrome. After clicking, nothing happens. I’ve had users write to me with the same complaint. I’ve tested on several different set-ups and was unable to reproduce the problem until I tried my wife’s laptop. She has Chrome 49.0.2623.87 m with Windows 8.1 (64 bit) and nothing happens after clicking on a state while in simple mode, text on right, or text on bottom. This is not a local problem as some others have had with Chrome. I am testing from the web server and I have even tested (remotely) the original package I downloaded after purchase. There are no errors in the firebug console. Have you had a chance to look into this issue?

Any help to solve this would be much appreciated!!

Thank you, Todd

LGLab Author

about 10 years ago

Hi Todd,

Sorry but I could never reproduce this and so could not fix it. I now have windows 10 which I believe everyone should upgrade too anyway so let me know if that happens on windows 10.

Cheers, Greg

Included: Quality checked by Envato
Included: Future updates
Included: 6 months support from LGLab

Extend support to 12 months $6.13 $2.63

Quantity

Price is in US dollars and excludes tax and handling fees

Elite Author

LGLab

View Portfolio

Last Update	3 January 2014
High Resolution	Yes
Compatible Browsers	IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
Files Included	JavaScript JS, HTML, XML, CSS
Software Version	jQuery, Other
Tags	html5 us map, interactive map, map, pin, raphael, raphael map, raphael us map, responsive, state abbreviations, state names, svg, us map, usa, usa map, vml
Created	14 years ago

More Attributes Fewer Attributes

Discussion on Interactive SVG USA Map

Discussion on Interactive SVG USA Map

LGLab supports this item

205 comments found.

LGLab

Tell us what you think!