Start with a map of a city you know - make sure it is a reasonable size.
Choose 3 or 4 (or more) interesting locations in the city to mark.
Make a Shape object and change it to an ellipse (or use rectangles if you wish).
In the example, the border is red and the background is yellow - you can use other colors.
Each ellipse needs an ID - write this into the Object HTML / Inside Tag, like this: ID = "bookstore" Be sure to give each ellipse a differrent name.
The buttons in the example are advanced buttons, not the normal ones.
Advanced buttons allow you to have more than one line of text, and to change colors.
Each button must react to mouse clicks, by adding an onclick command : onclick = "fade(bookstore,0,100,10)" This makes the ellipse named bookstore fade-in from 0% to 100%, in 10 steps.
If you want it to go faster, change that to 5 steps - or 1 step for fastest appearance.
The hide buttons fade from 100% to 0%, like this: onclick = "fade(bookstore,100,0,10)"
You need to move the map to the back so the ellipses are on top.
Then you need to make the ellipses invisible at the beginning.
Do that by adding the following HTML code to each ellipse: onload="shade(this,0)" This means the shading is 0%, at that it happens when the page is loaded.
That is all pretty straightforward. You should get a local map from the teacher -
for a city that you know. Then mark 4 or more important spots on the map.
