Crear página HTML con un mapa interactivo y enlaces a tres países

Hola, necesito crear una página HTML con un mapamundi en el que 3 países tengan enlaces a otras páginas. Algo como esto pero en HTML: Constructora Valencia | Promotora Valencia | Urbecop

No sé ni por donde empezar, ¿alguien me dico cómo lo puedo hacer? Gracias

con map puedes hacerlo en html puro
HTML map tag

pero es mas estático, no saldrán los paises parpadeando como el ejemplo

Excelente manera de hacerlo. ¿Sabes cómo ponerles algun efecto? Solo eso faltaría. Saludos.

linuxer dijo:

con map puedes hacerlo en html puro
HTML map tag

pero es mas estático, no saldrán los paises parpadeando como el ejemplo

Hacer clic para expandir...

con javascript se deberia poder hacer, prueba a ponerle un id a la imagen, y luego en cada area algo asi
onmouseover="document.getElementById['idImage'].src='mapaEspanaEncendido.jpg';" onmouseout="document.getElementById['idImage'].src='mapaApagado.jpg';"

donde idImage es el id que le has puesto y los jpg las url de las imagenes, no estoy seguro que funcione 😕

Bueno no es tan complicado, antes que nada busca un buen mapa con la división geográfica mundial.

Una forma puede ser con flash, insertas el mapa y creas los botones con la geografía de los países que serán interactivos (los países que serán botón también los insertas en flash como archivos separados y los sobrepones al mapa completo).

Otra como dice linuxer con html. Entra a este sitio maschek.hu - Online Image Map Editor subes tu mapa y marcas el contorno de cada país para que tome las coordenadas, después las copias y pegas en tu html, y con css le das el efecto hover, osea que cambie de color, resalte, etc cuando pasa el cursor, y que te abra otra web.

Un ejemplo de como va el código html con la etiqueta <area shape> es algo así:


Hay tres formas de areas, rectangulo, círculo y poly, que es la que no tiene una forma definida y es el que se usa para tu caso. En coords son las coordenadas que te da la aplicación que te comento arriba.

Revisa el link que puso linuxer para que te des una mejor idea.

Gracias por la ayuda, pero con el tema del hover y el css me pierdo, ¿alguien se ofrece para hacérmelo (cobrando, claro)?

La cosa es que no puedes hacer negocios todavía.

Te ayudo "gratuitamente".

Dame la info.