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.

I purchased the item (just under a different username) and it works perfectly. I’m just looking for a way to move the entire map over to the left so that it’s not centered in the middle of the page. Is there any quick way I can do this?

Any progress on the WP plug-in you mentioned wanting to create over a year ago? I bought this thinking I could get it to work in my template and have been unsuccessful.

Hi,

It won’t be until 3 weeks from now maybe a bit more. But many buyers successfully used this map in WP by loading it using an iframe, have you tried that?

Just put the folder you download from here on your server, then in WP where you want to add the map, insert an iframe and point to the index.html that you uploaded on your server.

Thanks, Greg

Hi,

Recently i bought your map and im very happy with it! But is it possible to include a search methode? Which read the xml file for example on the state names. When he founds the state the relevant state lights up and give his information in the right div.

Can you help me with this? If so you can email me your pricing.

Thanks in advance, Chris

Hi Chris,

I don’t have your email address, so email me via my profile page for a quote.

Thanks, Greg

Wondering why the links don’t work when you click on the state abbreviated letters?

Hi,

What do you mean? I tried clicking on the letters and all seems fine, can you give more details?

Thanks, Greg

How to use the map with anchor links inside an iFrame. it doesn’t work with Firefox

Hi -

I’m looking for a US map with judicial district court for .net web application. Can you help? Please feel free to send me a pricing thru email.

Thanks.

Hi,

I can’t email you as you don’t have an email form on your profile, so send me an email via my profile page.

Thanks.

Need help changing the strokeColor. I’ve Tried in the xml file and the init.js file…

Hi,

Sorry about that that option seems to have stopped working since my last update, I’ll fix it and reupload.

In the mean time, in init.js, go to line 178 and replace:

boxattrs = {
    'cursor': 'pointer',
    'fill': stateColors[i],
     'id': i
};

with:

boxattrs = {
    'cursor': 'pointer',
    'fill': stateColors[i],
    stroke: strokeColor,
     'id': i
};

Thanks, Greg

Hi,

The files are fixed and updated now, so you can just re-download the files and update your init.js

Thanks, Greg

I updated the scale file and it works great! Thanks. I also downloaded the files again but those are still using the old code. FYI .

Hi,

Strange, I uploaded the files again which should be available shortly.

Thanks, Greg

Ok updated files are now available for download.

Thanks, Greg

Hi, I was wondering if I can use this map and create custom overlay? For example, I would like to combine several states into a region (e.g. East coast). Do you have any examples on how to do this?

Thanks!

Hi,

This was possible with the previous version that didn’t have the state abbreviations, it is now trickier with the text, but probably still possible, send me an email via my profile to discuss your specific needs and I’ll make some tests.

Thanks, Greg

I purchased your map and it’s working great on all Mac browsers and Windows FF, Chrome and IE9 – the map does not reduce in size in IE7 and IE8 – link below. Any suggestions would be appreciated.

http://www.aldodesign.net/demo/ladtech2012/distributors.php

Hi,

Thanks for letting me know, I have made an update and it’s in the process of being reviewed, in the mean time you can adjust it yourself if you want, open scale.raphael.js in js folder and go to line 53, replace this:

curr._fontSize = parseInt(mod[0]);

with this:

curr._fontSize = 14;

Thanks, Greg

Hi,

The file is updated now, so you can redownload and update your scale.raphael.js

Thanks, Greg

Can you send me private email so i can send you my credentials for my wordpress and host? I know how to the iframe I just can’t tell by the file what to upload and where in my files.

Hi,

I can’t send you a private email as you don’t have a contact form on your profile. You can send me an email via my profile page.

But to be honest I probably know as much as you about WP. You can put my files folder anywhere on your server, and then point to the index.html using an absolute url.

Since this isn’t a wordpress plugin any suggestions on what i should use outside of wordpress. Ive got a host with ipage and wordpress is pointing there but nothing built on it yet so i can move.

Hi,

Well you can still use wordpress for your site if you want, but then you’ll have to load the map using an iframe. Otherwise you can have an html site and follow the instructions that came in your download to embed the map.

Thanks.

Hi, I just purchased the interactive maps and I know I’m probably doing something wrong. I’ve tried uploading the zip file to my wordpress but the message “The package could not be installed. No valid plugins were found” keeps coming up. Any help would be greatly appreciatied. Thanks again and love this map!

Hi,

This map is not a wordpress plugin, so you cannot add it to your page via WP admin panel. The only way I know to add this map to a WP site is to use an iframe, so upload the map folder somewhere on your server, in your page in WP create an iframe and load the map by pointing to the default index.html in the map folder.

Thanks.

Hi – Thanks for your reply. I did buy your map and was able to easily disable the 3 states with your instructions. Thanks Again!

Hi – I am considering this map for my site. Can you (or I) completely remove Alaska Hawaii and DC? I’ll look for your response. Thanks

Hi,

Yes it is very easy, you just delete the corresponding nodes in paths.js and in the xml, file, I can do it for you if you want, send me an email via my profile page once you have bought the map.

Thanks.

Now editing the path.js file to add the countries in the world is a daunting task to be done manually, is there any other way to do this?

Hi,

I replied to your email.

Thanks.

Hi, I’m interested in purchasing your interactive USA Map script, but I want to use it for the World map, showing all the countries of the world. I already have the SVG file for this. My question is how difficult will it be for me to customise this, bearing in mind I know a bit of javascript.

Thanks

Hi,

You wouldn’t really need to touch any JS. If you look at the source code of the paths.js file, you will see how it is structured, each state is defined by its own node, including its svg path. So you’d need to update that file with countries instead of states, same structure. Then you have a xml file with the data, which is structured in the same way, so you’d have to update the xml file according to your new paths.js.

Hope this helps.

Is the District of Columbia included with this map?

Yes it is but it is tiny so hardly usable, I have a version here with DC as an external shape, like Alaska and Hawaii, so email me via my profile page and I’ll send it over.

i cant get this to work in my wordpress theme, although it works on an html page inside the site, or inside an iframe on a wordpress page. we would rather not use an iframe. can you please help? the xml is updated with an absolute path to the file

static page working: http://acli.liquifiedhosting.com/wp-content/themes/ACLItheme/map/index.html normal wordpress page – not working http://acli.liquifiedhosting.com/in-your-state/california/ wordpress page – using iframe of static page above http://acli.liquifiedhosting.com/in-your-state/wyoming/

Hi,

This is not a wordpress plugin, so the only way I know to use the map in WP is in a iframe.

Thanks.

Hi, is it possible to print the state abbreviations inside tha map? I’m using it in Italy and it would help to find a state easily. Thanks!

Hi,

I’ve received your email, I will have a look and get back to you.

Thanks.

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