Clickable United States Map for mail page?

[LilleyPadGifts]

Script calls home to load the map so you need internet connection for it to work. The map is using Mootools which if you are also running jQuery may have a conflict, not sure on that, been a long time seance I used Mootools..
The map is not a standard image map but SVG stacking which responds well without script as an image map so I'm a bit lost as to the Mootools..

So the time I spent editing the map was for nothing
I have internet connection and loaded the page that I had it on but nothing shows up.

I'm going to be creating page with images that will need to be linked so that it takes them to different pages including their zen cart... is there software that makes the mapping easy and I can just make my own US map?

[davewest]

So the time I spent editing the map was for nothing
I have internet connection and loaded the page that I had it on but nothing shows up.

I'm going to be creating page with images that will need to be linked so that it takes them to different pages including their zen cart... is there software that makes the mapping easy and I can just make my own US map?

I'm working on my own map for what I do... There's allot of free if you link back builders and free image map builders that do the same if you do a search.. With a responsive design, you well find that image maps have some major issues when down sized to a phone or just any resizing without scripting.. SVG images are interesting in that SVG's are designed to be sized already..

Dreamwaver was the only program I ever used that made image maps easy.. old school now...

[LilleyPadGifts]

I'm working on my own map for what I do... There's allot of free if you link back builders and free image map builders that do the same if you do a search.. With a responsive design, you well find that image maps have some major issues when down sized to a phone or just any resizing without scripting.. SVG images are interesting in that SVG's are designed to be sized already..

Dreamwaver was the only program I ever used that made image maps easy.. old school now...

Kinda lost me on some of that ... so I want a SVG image? or I don't want a SVG image?
Yes, I'm trying to do something on a "learn as you go" basis. When I get to the Zen part should be easy but I need the pages leading up to the carts and its been way too long since I did this. I think we used a program called Hippie

Are ya maybe saying I will need to pay someone to make maps for me?
please say it isn't so

[davewest]

Kinda lost me on some of that ... so I want a SVG image? or I don't want a SVG image?
Yes, I'm trying to do something on a "learn as you go" basis. When I get to the Zen part should be easy but I need the pages leading up to the carts and its been way too long since I did this. I think we used a program called Hippie

Are ya maybe saying I will need to pay someone to make maps for me?
please say it isn't so

Depends on time and where you want to go.. I'm working at SVG which is a bit new.. image maps are ease, older tech.. both require tools to create them. Both require scripting to resize on the fly for screens. Both basically work the same in linking to other pages.. The difference is SVG is only one polygon with css tricks, image maps are one image and many polygons that you need to work together or your click ends up someplace else.
To give a bit more idea, the following SVG is Arizona only..

<svg xlink="http://www.w3.org/1999/xlink" width="600" height="340"><path d="M199.61517032078012,175.79074016650364L191.93636703449585,241.12188504047322L172.23028467558817,238.6076336700903L161.50187398740766,232.7028901608749L138.37807061568756,219.63780398877492L139.71907703704713,217.2343052705137L141.66659438869945,217.12730828537283L142.36120260190376,216.21808015984405L142.21566214721264,214.00121484690348L140.93272329562035,213.71045445426716L141.06788961727594,209.34846712264513L143.25944620113748,208.05847566478678L143.81287350824672,206.4138061795671L143.92664698682344,203.65917453461276L145.4021252167407,201.85238996963665L147.01314525809747,201.3577061892437L148.39395661488743,200.0468820898203L146.84235305101407,198.10140660385582L146.0976634018186,194.8725165236306L144.9102757122064,192.72575963409855L145.16509448497527,191.2847094774553L145.99617541418655,189.8159827240295L146.1706016160069,187.64955490916324L145.80585573024558,185.32270386345527L146.4481925451848,178.5177869986927L149.85713853933711,178.66505677451275L150.71296556748146,180.23518380121698L151.62060252542412,180.32680965392066L152.89914224054493,178.5427859304843L154.47257612387799,169.31317022078917L186.4514484548348,174.0878634550144Z" stroke="#c4a000" stroke-dasharray="1, 0" stroke-width="1.5"></path></svg>

This is the full US image with just Arizona maped

<img id="statesmap" src="images/statesmap.png" style="border:0;margin-left:1px;" usemap="#m_statesmap" alt="statesmap" width="588" height="409"> 
<map name="m_statesmap" id="m_statesmap">
<area shape="poly" coords="129,180,155,187,180,190,169,264,147,261,109,238,109,235,111,234,113,233,112,230,112,226,113,225,115,222,116,220,120,215,119,213,117,207,118,200,119,192,121,190,125,194,127,191" href="index.php?state=AZ" title="Arizona" alt="Arizona">
</map>

Now do that 56 times and you got the US covered.. As for paying, depends on your OS and what program you decide to go with... Coffeecup has free to try and can answer more about image maps then I.. jQuery has a plugin for responsive image maps..

[davewest]

I'm working at SVG which is a bit new..

Turns out SVG was faster and responsive by css not scripting.. first draft design is up on my main page.

[davewest]

Turns out SVG was faster and responsive by css not scripting.. first draft design is up on my main page.

If you are interested, attaching a zip of three files.
1) readme explaining it.
2) style sheet for the color and mouse over and other effects
3) simple dumb template page containing the SVG data..