Imágenes Mapa

¿Que es una Imagen mapa?

Tipos

Imágenes mapa en servidores tipo NCSA

El mapa de zonas


default  http://www.upm.es

polygon  http://www.dit.upm.es 100,0 150,50 100,150 50,50 

rectange /sitio/pagina.html 50,100 100,300 

circle   http://www.lander.es/~farocena/index.html (100,200) 50 

point    http://www.dit.upm.es/~jsr 100,100


Incluir imagen-mapa en la página


<A HREF="/ruta/cgi-bin/imagemap/mapas/mapa.map">

   <IMG SRC="imagen.gif" ISMAP>

</A>

Imágenes mapa en servidores tipo CERN

El mapa de zonas


default  http://www.upm.es

polygon  (100,0) (150,50) (100,150) (50,50) http://www.dit.upm.es

rectange (50,100) (100,300) /sitio/pagina.html

circle   (100,200) 50 http://www.lander.es/~farocena/index.html


Incluir imagen-mapa en la página


<A HREF="/ruta/cgi-bin/htimage/mapas/mapa.map">

   <IMG SRC="imagen.gif" ISMAP>

</A>

Imágenes mapa en el cliente

El mapa de zonas


<MAP NAME="mapa5">

  <AREA SHAPE=poly    COORDS="100,0,150,50,100,150,50,50" 

                      NOHREF>

  <AREA SHAPE=rect    COORDS="50,100,100,300" 

                      HREF="../games.html">

  <AREA SHAPE=circle  COORDS="30,20,15" 

                      HREF="http://www.lander.es" 

                      TARGET=main>

  <AREA SHAPE=default HREF="../otro.html">

</MAP>


Incluir imagen-mapa en la página


<IMG SRC="imagen.gif" USEMAP="mapas.html#mapa5">

Resumen

IMG Presenta una imagen en la página.
SRC Localización del fichero con la imagen.
ISMAP Identifica la imagen como una imagen mapa.
USEMAP Identifica la imagen como una imagen mapa a procesar en el cliente.
MAP Describe las regiones de la imagen mapa.
NAME Asigna un nombre al mapa.
AREA Define un área en el mapa.
SHAPE Forma del área. Valores: POLY, RECT, CIRCLE, DEFAULT. Defecto RECT.
COORDS Coordenadas del área.
HREF Enlace asociado a este área.
NOHREF Area sin enlace.
TARGET Frame destino.