Los mapas de imágenes permiten al usuario usar su ‘mouse’ en secciones predefinidas de un gráfico en su página y obtener la respuesta del servidor como si hubieran activado un enlace en hypertexto.

Mapas de imágenes por el lado del cliente (método recomendado)

Los mapas de imágenes, por el lado del cliente, no requieren de la presencia de un ‘script’ por el lado del servidor para interpretar las coordenadas de las regiones críticas de su imagen de múltiples enlaces. El mapa de imágenes, por el lado del cliente, es mucho más eficiente que por el lado del servidor y permite al visitante ver la URL real asociada con las regiones mapeadas en la barra de estado de su navegador.

El método recomendado es el siguiente:

1. Descargue un programa que cree un archivo de mapeo con base en la imagen deseada. Ese archivo contendrá las coordenadas de cada región enlazable. Recomendamos el MapEdit para PC (en http://www.boutell.com/mapedit/) y el WebMap para Macintosh (el cual se encuentra en el sitio http://hyperarchive.lcs.mit.edu/HyperArchive/Archive/text/html/web-map-101.hqx), aun cuando otras herramientas para mapeo de imágenes pueden estar disponibles como lo que usted puede obtener en http://www.ihip.com/tools.shtml.
   
2. Mapee los sitios los puntos usando uno de los programas citados y seleccione formato "Imagen para lado del cliente" en oposicón a los formatos NCSA o CERN (para mapas del lado del Servidor) antes de grabar el archivo. Este es un ejemplo de un archivo de mapeo por el lado del cliente hecho con MapEdit:
   

< map name="ensayo"> <area shape="rect" coords="20,27,82,111" href="hotspot1.html"> <area shape="circle" coords="129,113,29" href="hotspot2.html"> <area shape="rect" coords="21,158,170,211"href="mailto:soporte@abcdefghi.com"> <area shape="default" nohre> </map>

3. Incluya el código del archivo de mapeo dentro del documento HTML deseado y haga referencia a él en una forma similar a ésta:

Substituya el nombre de la imagen deseada que se coloca en este ejemplo y note la relación que existe entre < map name="ensayo"> y en el atributo <…….. usemap="#ensayo">. Usted puede ahora ensayar su nuevo mapa de imágenes del lado del cliente sin estar conectado a Internet si los archivos a los que ser refiere en los enlaces están en su computador local.

Los mapas de imágenes por el lado del servidor son menos eficientes y menos amigables para el usuario que los del lado del cliente. Sin embargo son los más ampliamente usados, especialmente en los navegadores más antigüos.

Usamos el procesador de mapas de imágenes incorporado en "Apache", el mod_imap, para procesar requerimientos de mapas de imágenes, el cual le da la misma funcionalidad básica tanto como lo hace /cgi-bin/imagemap a como lo hace /cgi-bin/htimage y permitiendo, adicionalmente, una codificación HTML más simple, se ejecuta más rapidamente, tiene una varided de funciones adicionales que usted puede usar, incluyendo generacion de menú de texto para navegadores hechos para sólo texto.

Para implementar la funcionalidad de mapa de imágenes de mod_imap, se requiere de la ejecución de dos pasos. El primero, crear su archivo de mapa de imágenes en formato NCSA usando el MapEdit o el WebMap (respectivamente para PC y Mac). El archivo contiene algo así:

Luego necesitará hacer referencia de su archivo de mapeo desde su imagen correspondiente HTML, algo como ésto:

Detalles completos del formato como el usado en mod_imap pueden ser encontrados en:

http://www.apache.org/docs/mod/mod_imap.html

La información sobre el formato del archivo está en la segunda mitad de la página. La primera mitad se enfoca principalmente en las opciones de .htaccess para la generación del menú texto y otras características avanzadas. Usted puede hacer caso omiso de tal información si usted no tiene en mente usar esas caracteríticas.

Convirtiendo de /cgi-bin/imagemap a mod_imap:

Si está usando corrientemente a /cgi-bin/imagemap es fácil cambiarse a mod_imap. Si su HTML se parece a ésto:

<A HREF="/cgi-bin/imagemap/algun-camino/archivo-mapeo.map">
<IMG borde="0" SRC="alguna-imagen.gif" ISMAP></A>

simplemente cámbielo por:

<A HREF="algún-camino/archivo-mapeo.map">
<IMG borde="0" SRC="alguna-imagen.gif" ISMAP></A>

y listo. Note que todo lo que está haciendo es remover la parte ‘/cgi-bin/imagemap/’. Tanto mod_imap como /cgi-bin/imagemap/ usan el formato NCSA, de modo que no son necesarios cambios adicionales.

Convirtiendo /cgi-bin/htimage a mod_imap:

Si está usando corrientemente a /cgi-bin/htimage es fácil cambiarse a mod_imap. Si su HTML se parece a ésto:

<A HREF="/cgi-bin/htimage/algun-camino/archivo-mapeo.map">
<IMG borde="0" SRC="alguna-imagen.gif" ISMAP></A>

simplemente cámbielo por:

<A HREF="algún-camino/archivo-mapeo.map">
<IMG borde="0" SRC="alguna-imagen.gif" ISMAP></A>

El programa htimage usa el formato CERN, de modo que usted dene convertir los archivos de mapeo al formato NCSA. Si está usando un editor gráfico de mapas de imágenes, la mayoría de ellos permite la opción "Guardar como.." para los formatos de tal manera que usted pueda cargar un archivo en un formato y guardarlo, en este caso, en formato NCSA. Si su editor no admite NCSA o está creando los mapas manualmente, usted debe hacer los cambios por su cuenta.

Un ejemplo sencillo en el que se comparan los formatos CERN y NCSA se puede ver en:
http://www.ihip.com/mapfile.html