Finding Image Map Coordinates

There are 3 types of areas that you can determine on an image map: A circle, polygon, and rectangle. Running your cursor over the image, you will see x,y coordinates in the status bar at the bottom of your browser.

To determine a rectangular area- write down the coordinates of the upper left corner of the rectangle, and the coordinates of the lower right corner. (i.e. "185,52 275,72" are the coordinates used for the rectangular "link Info" area on the image map at the top of this page)

To determine a polygon area- place your cursor at points that would determine the boundry of the polygon and write them down. A polygon area on an image map can basically be any shape that you like, as it can accept an unlimited number of coordinates to determine its area (minimum of 3 points). The boundry will automatically draw straight lines between the coordinates you select, your last coordinate will draw a line back to your first coordinate (imaginary lines). (i.e. "105,52 180,52 180,72 100,72" are the coordinates I used for the polygon "order" button on the image map at the top of this page)

To determine a circular area- Write down the coordinates of the center point of your circular area. Following the center point's coordinates, you must write down the radius of the circlular area. To determine the radius of the circular area that you want, place your cursor on a perimeter point of the circle horizontal to the center point. To ensure that the perimeter point is perfectly horizontal to the center point, make sure that the y coordinates are the same and that only the x coordinates are different between the two. (i.e. 49,26 72,26 -the first coordinates being your center point and the second your perimeter point) Now subtract the x coordinates between the two points and the resulting number is the radius of your circle. (i.e. 72-49=23, so the radius is 23) The final coordinates of your circular area would look like this: "49,26 23".

- Return to Image map tutorial to use these coordinates