A veces, nos vemos en la necesidad de usar la etiqueta <map> para definir zonas sobre las que hacer click o sobrevolar en una imagen. Cuando las zonas se complican, por ejemplo con un mapa geográfico y sus regiones complejas, sería una locura definir las muchas coordenadas necesarias de forma manual. En la web hay todo tipo de herramientas para ello, pero yo ahora voy a recomendar una en concreto.
En mi caso: tenía el clásico mapa de España con sus comunidades. He utilizado esta herramienta de identificar areas. Cargas la imagen, y sólo tienes que ir haciendo click en el centro de cada región y el sistema la detecta de forma automática. Al finalizar, te genera la imagen con su mapa de coordenadas y además cada región en una imagen aparte por si quieres un efecto coloreado por la región por la que pasas. En mi caso, no quería eso, pero el mapa con sus muchas coordenadas me ha venido de perlas. No muestra el código de forma clara, pero lo más sencillo es guardar la página en la que te muestra el resultado, así se guardan también las imágenes de las regiones.
Como digo, hay muchas aplicaciones de este tipo, pero esta en concreto me ha parecido de lo más práctica.
