MSTER EN TELEDETECCI I SISTEMES DINFORMACI GEOGRAFICA del

MÀSTER EN TELEDETECCIÓ I SISTEMES D'INFORMACIÓ GEOGRAFICA del Sensor Remot a la Internet Publicació de Cartografia a Internet (fragment) Joan Masó Pau Joan. Maso@uab. es CURS 2006 - 2007

1. - Publicació de mapes estàtics • Ús d'imatges GIF, PNG o JPEG dins de els planes HTML per incloure mapes. – Podem també usar un vincle a un el format PDF • No es pot integrar dins la resta de les plana HTML que el vincula i s'ha de veure per separat. • El client no té informació sobre els objectes i sap "pintar" el mapa. – Qualsevol navegador de web ens val, fins i tot les versions més rudimentàries. – Només serveix per a presentar la informació gràfica • com si fos un terminal gràfic – Accedim a la informació només a partir de URLs • El servidor no ha de fer res sobre mapes – Qualsevol servidor de web ens serveix. – Només serveix planes HTML (o fitxers pdf) • Sistema compatible amb CD que usa planes HTML per presentar la informació.

Possibilitats tècniques • Dos possibilitats: – Simple vincle a una imatge • <IMG SRC=nom> • El mapa és una il·lustració més sense que es pugui fer clic ni zoom ni rés. • Es pot produir amb el menú d'impressió de MM 32 – Usant un driver d'impressora per a PDF – Desant la impressió com a JPEG (Es desa també un fitxer REL de georeferència) • Exemple: http: //www. municat. net/mapes/carrers/mapa_carrers. htm – La imatge és sensible per zones • Es pot produir a partir d'un VEC amb la utilitat VEC 2 MAP de Mira. Mon. • Es pot fer de dues maneres: – ISMAP » <IMG SRC=nom ISMAP> » Exemple: http: //www. municat. net: 8000/omunicat/owa/mun_p 03. inici? via=1&err=0 – USEMAP » < IMG SRC=nom USEMAP> » <MAP NAME="map"> » <area shape="rect" coords="0, 78, 48, 135" href="nom. htm" alt="125 -41"> » Exemple: http: //earthquake. usgs. gov/eqcenter/recenteqsww

Publicació de mapes estàtics: Exemples

Publicació de mapes estàtics: Codi HTML <a href="callus. pdf" target="_blank">Callús</a> <a href="http: //www. municat. net: 8000/municat/mapes/gran. map"> <img src="http: //www. municat. net/mapes/gran. gif" width="418" height="386" border=0 ismap> </a> <IMG src="/eqcenter/recenteqsww/world_moll. gif" ALT="World Recent Earthquake Map" WIDTH="601" HEIGHT="306" USEMAP="#map" BORDER=0> <MAP NAME="map"> <area shape="polygon" coords="126, 269, 96, 254, 72, 237, 54, 220, 41, 202, 34, 184, 32, 175, 31, 166, 32, 156, 37, 138, 47, 120, 62, 102, 97, 100, 117, 95, 139, 107, 146, 144, 175, 146, 184, 220, 218, 269, 126, 269" href="/eqcenter/recenteqsww/Maps/region/Africa. php" alt="Africa"> <area shape="polygon" coords="237, 43, 169, 101, 139, 107, 117, 95, 97, 100, 63, 101, 83, 85, 110, 70, 144, 55, 187, 43, 237, 43" href="/eqcenter/recenteqsww/Maps/region/Europe. php" alt="Europe">. . .

Mapa de comarques a la web • Imaginem que volem aconseguir una plana com aquesta: – http: //www. catalalatac. net/01 -catalunya/Catalunya. html <map name="FPMap 0"> <area href="2 -alturgell/Alt. Urgell. html" shape="polygon" coords="128, 59, 126, 61, . . . "> <area href="2 -pallars/Pallars. Sobira. html" shape="polygon" coords="140, 49, 139, 52, . . . "> <area href="2 -valdaran/Vald. Aran. html" shape="polygon" coords="105, 11, 103, 22, . . . "> </map> <img src="mapaccat. gif" align="middle" border="0" hspace="0" width="350" height="333" usemap="#FPMap 0">

Generació de mapes HTML • Mira. Mon té una aplicació per a realitzar mapes HTML dinàmics. – Es diu VEC 2 MAP. Usarem la seva opció 2. • Com a punt de partida, tenim un fitxer una imatge GIF o JPEG. – Via captura de pantalla de la visualització de Mira. Mon convenientment retallada – Via la impressió a fitxer BMP o JPEG de Mira. Mon (cal eliminar el fitxer de georeferència) • Sobre aquesta imatge necessitem un fitxer de polígons VEC o POL per a definir les regions actives dins d'una imatge inclosa en d'una plana html – Si no el tenim, es poden aprofitar les funcions de digitalització de Mira. Mon – Si el tenim, podem fer servir el corrgeom per a portar el mapa, de coordenades píxel (de fet, és usar corrgeom al revés del normal) • Si el fitxer és un POL llavors alguns camps es poden fer servir per a definir les propietats de les regions actives (cal indicar els paràmetres adients): – – – – /ID fa referència a la propietat id de cada àrea sensible. /HREF fa referència a la propietat href de cada àrea sensible. /TITLE fa referència a la propietat title de cada àrea sensible. /ALT fa referència a la propietat alt de cada àrea sensible. /ONCLICK fa referència a la propietat onclick de cada àrea sensible. /ONDBLCLICK fa referència a la propietat ondblclick de cada àrea sensible. /ONMOUSEOVER fa referència a la propietat onmouseover de cada àrea sensible.

Obtenir JPEG i POL Captura de pantalla per generar el JPEG Procés de correcció geomètrica sobre el fitxer ràster SENSE georeferència Resultat en coord. píxel superposat

Ús de VEC 2 MAP • Línia de comanda – VEC 2 MAP 2 Nom. Poligon. Entrada Nom. JPEGEntrada Nom. HTMLSortida Camp. Que. Conte. LEnllaç Camp. Tool. Tip. IExplorer Camp. Tool. Tip. Fire. Fox • Exemple – VEC 2 MAP 2 D: ex 01comar_pixel. pol D: ex 01comar. jpg D: ex 01comar. htm /HREF=COMARCA`6`HREF /ALT=COMARCA`6`NOMCOM /TITLE=COMARCA`6`NOMCOM

Resultat <HTML> <TITLE>comar</TITLE> <BODY> <IMG SRC="comar. jpg" WIDTH="520" HEIGHT="484" border="0" usemap="#comar"> <map name="comar"> <area shape="polygon" coords="146, 17, 144, 21, 144, 25, 143, 29, 139, 33, 137, 136, 41, 135, 45, 133, 49, 134, 53, 131, 57, 127, 56, 124, 52, 121, 48, 117, 50, 113, 53, 109, 50, 105, 51, 101, 51, 97, 50, 93, 48, 94, 44, 92, 40, 89, 36, 91, 32, 91, 28, 89, 24, 85, 22, 89, 19, 87, 15, 90, 11, 90, 7, 90, 3, 94, 1, 98, 1, 102, 3, 106, 5, 110, 5, 114, 7, 118, 8, 122, 10, 126, 130, 16, 134, 138, 16, 142, 16, 146, 17" href="http: //www. catalalatac. net/01 -catalunya/2 valdaran/Vald. Aran. html" title="Val d'Aran" alt="Val d'Aran" /> <area shape="polygon" coords="202, 69, 198, 72, 194, 73, 194, 77, 191, 81, 189, 85, 185, 86, 181, 87, 177, 86, 177, 90, 175, 94, 175, 98, 174, 102, 170, 105, 166, 107, 165, 111, 163, 115, 159, 119, 162, 123, 158, 125, 155, 121, 151, 121, 147, 121, 143, 120, 139, 118, 135, 117, 134, 113, 131, 109, 135, 108, 137, 104, 138, 100, 141, 96, 145, 92, 141, 88, 142, 84, 141, 80, 142, 76, 142, 72, 142, 68, 138, 67, 135, 63, 133, 59, 129, 57, 133, 54, 133, 50, 135, 46, 136, 42, 137, 38, 137, 34, 141, 32, 144, 28, 144, 24, 144, 20, 148, 152, 16, 155, 20, 159, 23, 160, 27, 162, 31, 166, 33, 170, 31, 174, 30, 178, 31, 182, 32, 186, 31, 190, 30, 194, 31, 193, 35, 197, 37, 198, 41, 202, 44, 202, 48, 203, 52, 205, 56, 204, 60, 206, 64, 202, 67" href="http: //www. catalalatac. net/01 -catalunya/2 -pallarssobira/Pallars. Sobira. html" title="Pallars Sobirà" alt="Pallars Sobirà" /> <area shape="polygon" coords="104, 52, 108, 51, 112, 51, 116, 52, 120, 49, 124, 52, 126, 56, 130, 57, 134, 60, 135, 64, 132, 68, 128, 72, 126, 76, 122, 79, 120, 83, 119, 87, 115, 90, 111, 92, 112, 96, 113, 100, 117, 102, 118, 106, 121, 110, 121, 115, 117, 115, 113, 109, 112, 103, 108, 107, 106, 107, 102, 103, 100, 102, 104, 98, 103, 99, 98, 95, 98, 91, 94, 87, 94, 83, 92, 79, 93, 75, 97, 75, 96, 71, 98, 67, 101, 63, 102, 59, 103, 55" href="http: //www. catalalatac. net/01 -catalunya/2 altaribagorca/Alta. Ribagorca. html" title="Alta Ribagorça" alt="Alta Ribagorça" />. . .