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.

Hi, anyone. Before i buy this map, i want to make sure first. Is this map can be use for make simulation US Election Map, so when I click one of the state, it can be change to red or blue or grey ? Please, I need the answer ASAP. Thank you so much for help and kindness.

Hi,

Not sure what you mean sorry, everything the map can do can be seen in the preview.

Thanks, Greg

just downloaded it and it does not work. I open the index file (unmodified) in chrome and it’s a blank page

Hi,

Chrome might be blocking some svg features locally but it will work online, use FF locally for example.

I just downloaded this and I’m so excited to use it, but I don’t frequently use XML and was wondering if there is a specific way that I should refer to it in my HTML

Hi.

You don’t need to refer the xml file in html, just use the same setup provided in your download and follow the instructions in the help file.

Why is the Canada map no longer available?

Just downloaded this plugin and it is working great. One question though, is there a way to create regions? For example, grouping 10 or so states into one clickable region for Southwest region? Please advise, thanks!

I just purchased the map and have read through the comments but can’t find a solution.

I cannot get the URL links to work when clicking on a state.

Please take a look at the map and advise: http://free4udraft.theclientroom.com/

It is just a plain html page.

$(’#map’).usmap({}) is not a function of this map

Thank you for your reply. I don’t understand your response. I think the purpose of the map is to be able to click on a state and go to a url address. The XML file had url addresses but it doesn’t work. Please explain how to get this to work.

Thank you, Amy

Hi author,

I find it interesting the interactive map, I need one, but I want to know if this is available for the 24 states of Peru (South America).

Also, can I add an image and text to the pop up that occurs over state hovers?

Can the border color be changed? It looks black in the example. I would like the border to be white and the background that the map is on to be white and be able to change color of each state. Is that possible?

Hi,

I was wondering if it’s possible to adjust the popup that now shows only the country name. I would like to add a few textlines underneed it for every country and add the data in the XML file.

How should I approach this?

Any chance of this super awesome fantastic perfecto plugin being made for Costa Rica?

I’ve lost that file so I might redo it but too busy at the moment.

How can I add Puerto Rico to the map?

I dont have Illustrator. :(

Surely there is an easier way?

I’m afraid not, svg coordinates are relative to each other, you can’t just add any coordinates to any map. I would suggest you show porto rico as a different map.

Just purchased your map, looks great.

How can I add PHP code to your XML file? Can you please help with the syntax if possible?

I’d like to replace the value for “stateName” (New York for example) with PHP code or the results of a MYSQL query from a database.

Help!

Hi,

Sorry but I don’t do backend code such as PHP.

Thanks, Greg

Hi – Love this map. Is it possible to add a “class” to the URL links? I want links to pop open a modal. Thanks

Hi,

You should approach it in a different way, in JS the current code opens a url e.g. window.open() or window.location(), alter the code to launch your modal using your modal api such as modal.open() – refer to your modal api documentation.

Pre-Purchase question: Does this work with Wordpress?

Hi,

This is a jquery plugin, not a wordpress plugin, you can still use it by loading it in an iframe but the responsive functionality may not work.

Thanks, Greg

I want to buy direct form you, I don’t want to pay through this, because it made me pay more than I needed. Is there a way you can do this?

Hi,

No sorry all purchases must go through this site.

Thanks, Greg

I’ve already paid for and now I discovered that this is not working as wordpress plugin and it is not compatible with wordpress. What can I do?

Yes this is a jQuery plugin, not wordpress.

You can try and load it using an iframe in WP which will work but the responsive functionality may not work correctly.

My comment may either be a feature suggestion …or… you can notify me if you already have plans for something like what I will describe (I’ll try to describe it well).

FEATURE REQUEST: Upon click of a state, can the imagery in the view port dynamically zoom in, to focus the viewable image area to only that one state—the bordering states can be included in the view port, but perhaps grayed out.

Thanks for considering whether this could fit into a future release.

Hi,

Thanks for your suggestion, I’m busy at the moment but will keep it in mind for future updates.

Thanks, Greg

I just purchased this, mainly for the US Simple Version of the map. It doesn’t look like there are files included for the US Simple Version, only the Advanced one. Am I missing something? Any assistance would be greatly appreciated. I’m on deadline and need to get the map working so when you click on a state it links to an external url.

Hi,

You can create all the map variations by altering the parameters in the xml file, everything is explained in the documentation. To set the map without text, simply set the useText parameter to false in the xml file.

Thanks, Greg

Hi. This map script seems to fit my needs closely, but I noticed one problem. On mobile devices (and possibly all touch screen devices) the touch/click event for the states are overly sensitive.

With the demo, just dragging the map on a mobile screen will result in a “click” which redirects the user to the url. Going back to the previous page shows a highlighted “active” state that happened to be touched during the drag event. This disrupts other touch events too, such as pinch and zoom.

It seems as though (at least the demo) is using a “ontouch” event instead of “onclick” which is problematic.I think this behavior goes against the intent of the user and “touch” should be ignored.

Hi,

It’s actually a “mouseup” event so only triggered when you release the finger/mouse, I’ll look into it but a bit busy at the moment.

Thanks, Greg

Hi when i change size of font, the fonts shrink on states? how can i make it not shrink font.

Where do you make font size change?

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