Hello all!
I have been googling US maps using Javascript until I'm blue in the face and still can't find what I'm looking for. I want to learn how to create a US map like the following:
http://www.websitedesignerslist.com/
Can anyone point me in the right direction?
Thanks bunches,
~Amy
I found a site that does it for you for a price:
http://www.fla-shop.com/us_states/usa_locator.php#
But I'm not just wanting the US, I'm wanting to do counties within a state as well. Can anyone point me in the right direction?
Thanks in advance,
~Amy
what do u actually intend to do?
Creating an image map is quite simple! Is this what you need?
I know how to create an image map. This is what I'm wanting to learn how to do:
~Amy
be right back!
Sorry but my browser is incapable to iteract with fla-shop contents! So i have no idea how it actualy works! Unles you'll explain it! So i can write some sample about it...
Okay....when you mouseover a state, it lifts and changes colors and is a link to another page. You can also create at small text box that pops up beside it.
It uses an image swap and it goes somethin like this! Just a basic example and this should go inside the head tags!
<script type="text/javascript">
<!--
var _currentEventOn = new Image();
_currentEventOn.src = 'images/someOnImage.gif';
var _currentEventOff = new Image();
_currentEventOff.src = 'images/someOffimage.gif';
var _worksOn = new Image();
_worksOn.src = 'images/anotherOnImages.gif';
var _worksOff = new Image();
_worksOff.src = 'images/anotherOffImges.gif';
function _change(myImage, _replace)
{
if ( document.images ) {
document.images[myImage].src = _replace; return true; }
}
//-->
</script>Assuming that you have those map images in place!
<h2>
<img name="currentEvent" src="images/somepreloadedimages1.gif" usemap="#click_here" />
<map id="click_here" name="click_here">
<area onmouseover="_change( 'currentEvent', _currentEventOn.src );" onmouseout="_change( 'currentEvent', _currentEventOff.src );" shape="rect" coords="85,73,205,110" href="#" target="_parent" alt="Current Events" />
</map>
</h2>
<h2><img name="working" src="images/somepreloadedImages2.gif" usemap="#click__here" />
<map id="click__here" name="click__here">
<area onmouseover="_change( 'working', _worksOn.src );" onmouseout="_change( 'working', _worksOff.src );" shape="rect" coords="85,73,205,110" href="#" target="_parent" alt="Our Works" />
</h2>it wil do some work to accomplish that! I'l take that as a new project!
Wow! That will be way too much work to take on for me right now! You're talking about not just the 50 states, but the 3140 counties as well! I think I may just buy the program from them! Thanks for your response!
~Amy
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.