Lataa tulostuskelpoinen PDF-versio tästä luvusta koneellesi!
Esimerkki imagemap-tekniikkaa käyttävästä HTML-koodista:
<map name=
"FPMap0"> <area href="Laja.htm" coords="222, 146, 360, 187" shape="rect"> <area href="GarzaHombre.htm" coords="259, 214, 409, 266" shape="rect"> <area href="garzahombre.htm" coords="258, 277, 390, 331" shape="rect"> <area href="vargas.htm" coords="248, 366, 344, 423" shape="rect"> <area href="arinaga.htm" coords="227, 436, 326, 474" shape="rect"> <area href="pozo.htm" coords="221, 475, 344, 508" shape="rect"> <area href="ketchup.htm" coords="205, 494, 224, 513, 270, 512, 266, 533, 194, 527, 195, 493" shape="polygon"> <area href="BaFelSanAg.htm" coords="123, 565, 131, 513, 176, 537, 289, 538, 286, 570" shape="polygon"> <area href="Faro.htm" coords="29, 576, 204, 615" shape="rect"></map><img border="0" src="GCSurfIndex.jpg" width="410" height="618" usemap="#FPMap0">
Imagemap-tekniikka
Yksinkertaisin tapa luoda WWW-paikkatietopalvelu on käyttää HTML-koodin mahdollistamaa ns. Imagemap-tekniikkaa. Siinä kartta näytetään tavallisena kuvatiedostona (GIF, JPG, PNG jne), jonka sisältä on imagemap-tekniikalla määritelty ns. kuumia alueita, jotka toimivat linkkeinä muihin tiedostoihin.
Linkit voivat johtaa esimerkiksi suurennokseen kartasta, ominaisuustietoihin, kuva- tai äänitiedostoihin jne. Linkki voi luonnollisesti johtaa muille sivuille tai myös muihin sivustoihin missä tahansa Internetissä. Vakiintunut käytäntö on, ettei linkattavan sivun ulkonäköä saa muuttaa eikä tekijätietoja häivyttää. Esimerkiksi pelkkää jonkun toisen laatiman karttapalvelun karttaikkunaa ei saa linkata, vaikka tämä teknisesti olisikin mahdollista.
Imagemap-tekniikalla on helppo luoda yksinkertaisia palveluita, ja tarvittavan koodin voi luoda jokaisesta tietokoneesta löytyvän tekstieditorin (Notepad, Write tms) ja selainohjelman avulla. Varsinaisella HTML-editorilla (esim. Microsoft FrontPage) on Imagemap-kuvan luominen hyvin nopeaa.
Imagemap-kartan sisältävä html-tiedosto tarvittavine linkkeineen ja karttoineen (kuvatiedostoja) sijoitetaan sitten WWW-palvelimelle. Imagemap-tekniikka riittää hyvin moniin tarkoituksiin, joihin varsinaisen karttapalvelinohjelmiston hankinta olisi kallista ja epäkäytännöllisen raskasta.
Imagemap-esimerkissä on HTML-sivujen välillä liikkuminen toteutettu paitsi perinteisillä tekstilinkeillä, myös kartoista löytyvillä "kuumilla alueilla".
Klikkaa paikannimiä yllä olevassa kartassa, niin pääset katsomaan niitä lähempää.