HTML question: I have a map and would like people to click on different parts of it..I need a good tutorial..

Question

I have attached a map to my site, and would like people to click on different parts of it and have different property information pop up, depending on which part of the map they click. I know I have seen a tutorial explaining how to do this... but I can't remember where I saw it....

Answer 1

if you have a map of some sort, I would use the google maps api.

http://www.google.com/apis/maps/

This should help

Answer 2

Getcher self a copy of a good graphics program that can show you the x/y coordinates of where you're pokin' yer cursor when you look at the image. Call up the image. Zoom in. It's by far easier for my explanation and your efforts if we deal with rectangles, so click on the upper left corner of an area, write the x and y of its point (in pixels) then click the lower right and note that, too. Do this again for each spot you want clickable.

For the html, code

... then elsewhere place ...


with one
statement for each set of coordinates

There are ways to set up coordinates for circles or polygons too, but let's not try patiences in long-winded typing.

Answer 3

Here's the google search results:

See which one is best for you.

http://www.google.com/search?q=clickable+regions+in+an+image&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a