Computer e Web .net

Ecco il codice per creare una semplice mappa d’immagini in html, molto utile nella creazione di cartine geografiche; mappe stradali; e quant’altro di simile per indicare ad un utente dove si trova la propria azienda/negozio/filiale di zona e così via.
E’ utile crearla anche per formare un menù!

Esempio: (Una società con sedi in 7/20 regioni italiane ed 2 prossime aperture)

<img usemap="#italia" src="http://www.computereweb.net/wp-content/uploads/2009/08/italia-249x300.jpg" border="0" alt="" width="350" height="421" /></p> <map name="italia"> <area shape="POLY" coords="63,39, 79,18, 105,16, 116,25, 109,53, 120,51, 112,64, 135,83, 107,83, 87,76, 74,87, 57,70, 64,62, 64,54" alt="Lombardia"></area> <area shape="CIRCLE" coords="127,147,32" alt="Toscana"></area> <area shape="RECT" coords="192,173, 230,205" href="http://www.lacineteca.tk" alt="Abruzzo"></area> <area shape="RECT" coords="261,281, 312,363" href="http://www.teleradioe.it" alt="Calabria"></area> <area shape="RECT" coords="253,237, 296,282" href="http://www.tuttoperufficio.com" alt="Basilicata"></area> <area shape="CIRCLE" coords="185,31,24" href="http://www.computereweb.net" alt="Friuli Venezia Giulia"></area> <area shape="RECT" coords="10,38, 39,57" href="http://www.lacineteca.org" alt="Valle D'Aosta"></area> <area shape="CIRCLE" coords="210,369,57" href="http://www.nicotraalessandro.com" alt="Sicilia"></area> <area shape="RECT" coords="28,227, 88,324" href="http://www.giocherellare.info" alt="Sardegna"></area> </map> <p>

Quindi un’area è possibile definirla in 3 modi diversi:

• rect Rettangolare, con 4 coordinate (x sx -y sx- x a – y b)
• circle Cerchio, con 3 coordinate (x-y-raggio)
• poly Poligono, con numero personalizzato di coordinate 
  in parole povere, è il classico gioco d’enigmistica dove bisogna unire tutti i punti (detto comunemente filo numerico).

E’ facile intuire che una mappa d’immagini è meglio crearla facendo uso di un software (si perdere tanto tempo per cercare le coordinate giuste).
Tra i tanti software consigliamo Geo html (lo potete trovare nella sezione http://download.html.it/categorie/start/53/windows/image-map/ ).