¿Quieres añadir un mapa con tus propios marcadores en Webnode?

 

Crea un mapa propio gratuito con Google My Maps.

 

En ¿Cómo configurar Google Maps correctamente en Webnode? Te mostré cómo insertar un mapa desde un servicio clásico de Google My Maps.

En este tutorial, te mostraré cómo crear un mapa personalizado con un número ilimitado de puntos (direcciones) utilizando Google My Maps.

El servicio es gratuito y definitivamente te lo recomiendo.

Vista previa de un mapa creado con Google My Maps.

Cómo crear un mapa personalizado con Google My Maps

 

1. Regístrate: http://mymaps.google.com .

*O crea una nueva cuenta de Google aquí.

2. Haz clic en “Crear nuevo mapa” en la esquina superior izquierda.

 

3. Busca direcciones específicas y añádelas a tu mapa 🙂

4. Puedes editar el título, la descripción, el color y el tipo de icono (marcador en el mapa)

5. Si has agregado con éxito todas las direcciones y deseas compartir el mapa públicamente (por ejemplo, en un sitio de Webnode), haz clic en “Compartir

6. En el cuadro “Quién tiene acceso”, haz clic en “Cambiar”.

 

y marca “Activado – Público en la web” y guarda.

7. Ahora puedes incrustar el mapa que creaste utilizando código HTML (iframe). En la parte superior, haz clic en tres puntos y elige “Pegar en mi sitio“.

En la parte superior, haz clic en tres puntos y selecciona “Pegar en mi sitio”

y copia el código HTML

8. Inserta el código del mapa en tu sitio web Webnode utilizando las funciones “+” y “HTML“. *Introduce el código donde deseas ver el mapa.

9. Publica los cambios. 

Hecho. El mapa se muestra en la versión publicada de tu sitio web.

Más tutoriales increíbles

Revisión de Webnode 2022

Revisión de Webnode 2022

¿Alguna vez has querido crear tu propia página web desde cero? ¿Quieres crear una webo una tienda online y hacerla visible en Internet? Comience ahora mismo y aprenda a crear fácilmente su primer sitio web personalizado.Crear una web con Webnode es muy simple incluso...

¿Cómo crear el logo de tu propia empresa? es gratis

¿Cómo crear el logo de tu propia empresa? es gratis

¿Quieres crear tu propio logotipo de empresa?   Puede crear su propio logotipo nuevo en pocos minutos utilizando el servicio gratuito. Lo recomiendo altamente. Es gratis.   1. Haz clic en este enlace, que te redirigirá al sitio web oficial de este increíble...

Cómo crear un sitio web de tarjeta de visita simple GRATIS

Cómo crear un sitio web de tarjeta de visita simple GRATIS

Crea tu primer sitio web de tarjetas de visita con WebnodeVideo-tutorial¿Qué es un sitio web de tarjetas de visita?   Un sitio web de tarjeta de visita es una simple página web que presenta breve y claramente los servicios o productos. Es un sitio web simple que...

¿Cómo vincular tu Instagram con un sitio web en Webnode?

¿Cómo vincular tu Instagram con un sitio web en Webnode?

Así que, ¿quieres MOSTRAR tus fotos actuales de tu Instagram en tu sitio web de Webnode?   En el tutorial ¿Cómo agregar iconos de una red social (FB e Instagram) a la parte superior del sitio web de Webnode? Te mostré una solución muy simple: agregar íconos de...

¿Te resultó útil este tutorial? Compártelo, por favor.

Follow me