En una página con el widget de Google Maps
Para ello, haz clic en Añadir una línea. Elige Mapa de Google Maps (o elige Otros widgets > Definir y haz clic en Gadgets). Selecciona el widget de Google Maps y configúralo:
- Escribe la dirección del punto que quieres mostrar en el mapa (después podrás mover ese punto rojo arrastrándolo y soltándolo con el ratón).
- Elige Mapa o Satélite: es la vista que se mostrará por defecto en el mapa, aunque siempre se podrá cambiar de una vista a otra.
- Escribe una descripción del lugar. Es opcional. Se mostrará en un globo sobre el mapa.
- Elige el modo de visualización del mapa (¿quieres mostrar un mapa dinámico, en el que el internauta pueda hacer zoom, cambiar de vista o usar Google Street View?).
- Por último, elige la altura del mapa.
En una página, en un editor visual o HTML
También puedes mostrar un mapa en una página desde el editor visual (o en cualquier otra zona que tenga un editor visual, por ejemplo encima de un formulario de contacto). Ve a https://maps.google.es/
- Escribe la dirección que quieres mostrar en el mapa.
- Debajo de la dirección, selecciona el menú Compartir y después Insertar un mapa.
- Si lo necesitas, modifica el tamaño del mapa (será el tamaño que tenga una vez mostrado en la página de tu web). Después copia el código HTML que empieza por <iframe src=..."
- Pega este código en un editor HTML o, desde un editor visual, haciendo clic en la herramienta «Código fuente» de la barra de herramientas.
- Podrás modificar el ancho y el alto del mapa en el código, cambiando las variables «width» (ancho) y «height» (alto).
En el menú vertical con el widget de Google Maps
También puedes mostrar un mapa en tu menú vertical usando el widget Mapa de Google Maps.
Ve a Configuración > Menús y haz clic en Añadir un widget. Elige después Gadgets y selecciona el widget Mapa de Google Maps.
- Escribe la dirección del punto que quieres mostrar en el mapa (después podrás mover ese punto rojo arrastrándolo y soltándolo con el ratón).
- Elige «mapa» o «satélite»: es la vista que se mostrará por defecto en el mapa, aunque siempre se podrá cambiar de una vista a otra.
- Escribe una descripción del lugar. Es opcional. Se mostrará en un globo sobre el mapa.
- Elige el modo de visualización del mapa (¿quieres mostrar un mapa dinámico, en el que el internauta pueda hacer zoom, cambiar de vista o usar «Google Street View»?).
- Por último, elige la altura del mapa.
En el menú vertical, en una zona visual o HTML libre
En tus menús verticales puedes mostrar un mapa que hayas personalizado directamente en Google Maps. Ve a https://maps.google.es/
- Escribe la dirección que quieres mostrar en el mapa.
- Haz clic en el pequeño icono «enlace» y copia el código HTML que empieza por <iframe width=..."
- Pega este código en una zona visual o HTML libre. En Configuración > Menús, haz clic en Añadir un widget > Gadgets y selecciona el widget Zona HTML libre. Pega el código.
- Podrás modificar el ancho y el alto del mapa en el código, cambiando las variables «width» (ancho) y «height» (alto).
- También puedes modificar estos parámetros desde Google Maps antes de copiar y pegar el código, haciendo clic en Personalizar y obtener una vista previa del mapa insertado.
¿Y Google Street View?
Es un servicio de Google que permite mostrar vistas de 360 grados. Permite navegar virtualmente por todas las zonas fotografiadas por Google (es decir, casi cualquier lugar). Este tipo de vista está integrada en Google Maps.
Para mostrar esta vista, hay que arrastrar el pequeño icono amarillo sobre el mapa. Puedes mostrar este tipo de vista directamente en una página (o en tu menú vertical) desde https://maps.google.es/.
- Escribe la dirección de la calle que quieres mostrar.
- Arrastra el pequeño icono amarillo sobre el mapa y deja que se cargue la vista.
- Haz clic en el pequeño icono «enlace» y copia el código HTML que empieza por <iframe width=..."
- Pega este código en una zona visual o HTML libre (en una página o en un widget del menú vertical: Configuración > Menús > añadir un widget > Gadget > zona visual o HTML libre).
- Guarda.
