Crear un mapa de Francia con departamentos clicables
ResueltoHola,
Estoy buscando un código html que me permita crear un mapa de Francia con departamentos clicables, como en este sitio:
https://demoldiag.fr/rechercher-un-expert-amiante/
Gracias de antemano por su ayuda.
Saludos
- Cómo crear un correo electrónico con casillas de verificación?
- cómo crear su sitio web con webcam en vivo
- Cómo crear un favicon con transparencia
- ¿Encontrar el Estado/Provincia de los departamentos franceses?
- Crear un enlace URL para una imagen con FileZilla
- crear una lista de reproducción con un reproductor de video en HTML
4 respuestas
-
Hola
La tarjeta que usted propone como ejemplo no está en HTML...
Pero puede echar un vistazo en este sitio https://www.pierre-giraud.com/creer-carte-interactive-html/
¡Verá que es un trabajo arduo!
Hasta luego
-
Moderador
Trabajo SI se codifica a mano, algunas herramientas "wiswig" permiten hacerlo más fácilmente, permiten el corte en zonas y luego generan el código que se integrará en la página.
Las herramientas de Adobe lo hacen, supongo que debe haber otras.
-
Hola, las herramientas de Adobe lo hacen muy mal de memoria. No es el papel de Photoshop, que es un editor gráfico, hacer HTML y este no es explotable. Incluso con Word puedes generar HTML, eso no significa que sea deseable ;)
En cuanto al WYSIWYG, no es una solución válida por las mismas razones: una página web no es solo visual, más bien lo contrario (hipertexto, semántica, capas de datos....).
Sin "codificar", quedan los CMS y sus módulos.
La cuestión sigue siendo definir bien la necesidad: ¿es necesario que el mapa esté vinculado a una base de datos? El trabajo pasa de simple a complejo, pero para la parte de visualización sigue siendo accesible sin programación, como este ejemplo:
https://www.w3schools.com/htmL/html_images_imagemap.asp
-
-
Hola
Aquí hay un método "gratuito" con GIMP -> https://www.copier-coller.com/carte-cliquable/
Hasta luego.
-
Gracias a todos por sus respuestas.
He logrado crear el mapa deseado en código html con una imagen svg siguiendo este tutorial:
https://www.youtube.com/watch?v=UZs8l50gxjU
Y descargando este mapa:
https://www.amcharts.com/svg-maps/?map=franceDepartments
Yo, que no domino la codificación, tardé un poco más de 2 horas (¡pensé que me costaría más!) así que el tutorial está bastante bien hecho. ☺
