¿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 2023
¿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 ocultar la categoría “Todos los productos” en la lista de productos en la tienda online de Webnode
¿Cómo ocultar la categoría "Todos los productos" en la lista de productos en el Webnode?En el tutorial ¿Cómo ocultar la cesta de compras en la tienda online en Webnode? y ¿Cómo ocultar la fecha de publicación del artículo en Webnode? hemos demostrado lo fácil que es...
¿Cómo configurar tu propia fuente en Webnode usando la biblioteca de Google Fonts?
Videotutorial¿Te gustaría cambiar la fuente en Webnode a una de las fuentes de Google? Unas pocas palabras inicialesWebnode te permite cambiar la fuente en tu sitio web en la sección: "Configuración" - "Diseño" - "Fuentes". Por supuesto, el editor de Webnode...
¿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
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 cambiar el nombre del botón “Añadir a la cesta” en la tienda online de Webnode
¿Le gustaría cambiar el nombre del botón "Añadir a la cesta" en Webnode?En el tutorial, "Cómo cambiar la palabra CESTA en el menú de la tienda online en WEBNODE?", te mostré cómo renombrar la palabra CESTA en el menú. Echemos un vistazo a tus otras opciones. Webnode...
Cómo cambiar el nombre de “Cesta” en el menú de la tienda online en Webnode
¿Te gustaría cambiar el nombre de la cesta en la tienda electrónica en Webnode de "CESTA" a "CARRITO"? Con mi sencillo tutorial, definitivamente podrás hacerlo. Simplemente suscríbete a mi boletín informativo, William Promotions News, y obtén el código. En el...
¿Cómo bloquear fácilmente el botón derecho del ratónen mi sitio web?
¿Quieres evitar que copien contenido de tu sitio web? Este código HTML permitirá que tu sitio bloquee el botón derecho del ratón en tu sitio para evitar la copia de texto. No limita los atajos de teclado (ctrl + c + ctrl + v), pero podría desalentar a cualquier...
¿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...
