Interactive Map

[Claire-Crawford]

An image map with at least two hotspots

I have been looking at the first site.

The thing I like about their map is their choice of colors, use of a texture for a background, additional descriptive text, styling of text and font selection. hover changes the color of the region, click sends you to a link. JavaScript was used to style the map algorithmicly which insures consistent behavior, this technique is appropriate if you are preparing a large number of projects, it is entirely inappropriate use of programming talent for a one off map project.

I have been looking at the second site.

The ocean is blue, the font effect is distinctive hover changes the color of the region and updates the right aside nav click follows the link in the right aside nav JavaScript was required to tie the svg to the right aside nav but it includes a massive library of extraneous unrelated code that slows down the site.

Now consider our site

• [x] Google parchment image background free tile
• [x] Google water image background free tile
• [x] Change map background to a repeating texture, either ocean waves or parchment
• [x] Change colors of region
• [x] Add descriptive text to regions
• [x] Add styling to text, use font effects
• [x] hover changes color of region.
• [x] hover over hotspots displays article hidden in left aside

There is no need to resort to JavaScript to achieve our goals.

[Claire-Crawford]

This part is completed

[Claire-Crawford]

completed