En este vídeo, os voy a explicar cómo crear un mapa con varios marcadores sin necesidad de utilizar ningún plugin y con una herramienta totalmente gratuita: Google My Maps. Antes de sumergirnos en el tutorial, me gustaría pedirles que si les gusta el contenido que están a punto de ver, den un like y se suscriban al canal. También pueden activar la campanita para recibir notificaciones de futuros vídeos. Si tienen alguna pregunta o duda, no duden en dejarla en los comentarios. ¡Comencemos!
Creando un Mapa Personalizado
Lo primero que debemos hacer es acceder a Google My Maps y crear un nuevo mapa. Aquí tenemos la libertad de trabajar con varias capas, lo que nos permite organizar nuestros marcadores de manera eficiente. Para crear una capa, simplemente le damos un nombre y podemos crear tantas como necesitemos.
Añadiendo Marcadores
A continuación, debemos buscar la dirección donde queremos colocar nuestro primer marcador. Una vez que encontramos la ubicación, simplemente hacemos clic en «Añadir al mapa». Esta herramienta nos ofrece varias opciones de personalización. Podemos cambiar el color del marcador, elegir un icono diferente e incluso subir un icono personalizado si lo deseamos.
Personalizando la Información del Marcador
Google My Maps también nos permite personalizar la información del marcador. Podemos darle un nombre, agregar una descripción e incluso cargar una imagen o foto, ya sea desde una URL o Google Drive. También es posible insertar un vídeo de YouTube para enriquecer la información asociada al marcador.
Creando Rutas (Opcional)
Si deseamos definir rutas entre los puntos, esta herramienta nos ofrece esa opción. Sin embargo, en este tutorial, nos centraremos en la creación de marcadores.
Personalizando el Tipo de Mapa
Google My Maps nos permite personalizar el tipo de mapa que queremos mostrar. Para hacerlo, simplemente vamos a la sección de «Mapa base» y seleccionamos el tipo de mapa que se adapte a nuestras necesidades.
Compartiendo el Mapa
Para insertar el mapa en nuestra página web, primero debemos dar permisos de compartir. En la sección de «Compartir», le damos un título al mapa y aseguramos que sea visible para cualquier persona. Luego, copiamos el iframe proporcionado.
Insertando el Mapa en tu Sitio Web
Luego, nos dirigimos a la página web donde deseamos insertar el mapa. En mi caso, lo voy a hacer utilizando un widget HTML en Elementor, pero esta acción se puede realizar con cualquier maquetador. Simplemente pega el iframe en el lugar deseado.
Ajustando el Tamaño del Mapa
Si deseamos modificar el tamaño del mapa, podemos hacerlo ajustando los valores de ancho y alto en el código HTML del iframe. Esto nos permite personalizar el aspecto del mapa según nuestras preferencias.
¡Listo para Mostrar tu Mapa Personalizado!
Y ahí lo tienen, su mapa personalizado con marcadores está listo para ser visualizado en su sitio web. Si hacen clic en los marcadores, podrán ver la información que han personalizado para cada punto.
Espero que este tutorial les haya sido útil y que puedan crear sus propios mapas personalizados de manera sencilla. Si les gustó este contenido y desean ver más tutoriales como este, no olviden suscribirse al canal de Youtube y activar la campanita para recibir notificaciones. Si tienen alguna pregunta, ¡no duden en dejarla en los comentarios! Hasta la próxima.
