TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo agregar Google Maps en Weebly?

4

Los mapas se utilizan para mostrar la dirección de su empresa en su sitio web de manera real en lugar de una simple dirección de texto. Los usuarios pueden ampliar y ver la dirección en tiempo real y también navegar a los mapas de Google para encontrar las direcciones o dejar una reseña.

Relacionado: Cómo usar Google Maps en el sitio de WordPress.

Weebly le permite agregar mapas en su sitio de las siguientes maneras:

  • Usando el elemento de mapa predeterminado
  • Usando el elemento de código incrustado
  • Agregar mapas de sitios web de terceros

Discutiremos ambas opciones en detalle en las siguientes secciones.

Agregue Google Maps en Weebly usando Map Element

El elemento de mapa en el editor del sitio Weebly ayuda a agregar mapas de Google en su sitio y personalizar la dirección, el tamaño, el fabricante, etc. Puede simplemente arrastrar y soltar el elemento "Mapa" y el mapa de Google se agregará automáticamente en la página.

¿Cómo agregar Google Maps en Weebly?

Elemento de mapa Weebly

Haga clic en el mapa para ver las siguientes opciones de personalización:

  • Dirección: ingrese la ciudad para enfocar el marcador en ese punto del mapa.
  • Zoom: establezca el límite de zoom arrastrando el control deslizante hasta el nivel requerido.
  • Ancho y alto: establezca el ancho y el alto para que su mapa se ajuste al diseño de la página. Deje el ancho en "Auto" para que un mapa receptivo se alinee automáticamente para adaptarse al ancho del navegador.
  • Posición: establezca la alineación izquierda, derecha o central del mapa.
  • Espaciado: establezca los márgenes superior e inferior para dejar espacio entre otros elementos y el mapa en una página.
  • Ubicación avanzada: si la dirección no es precisa, puede ingresar las coordenadas exactas de latitud y longitud para colocar el marcador en el lugar exacto.
  • Pantalla avanzada: puede mostrar u ocultar el marcador en la dirección, la escala en el mapa, el mapa general y el control del mapa.

Puede elegir una de las siguientes opciones para la función panorámica bajo el control del mapa:

  • Gran control de panorámica y zoom
  • Pequeño control de zoom y panorámica
  • Solo control de zoom pequeño
  • Ninguno

En la mayoría de las situaciones, el mapa predeterminado es suficiente y se recomienda su uso, ya que es parte de la interfaz del editor de Weebly.

Incrustar o vincular el mapa de Google

El elemento de mapa Weebly ofrece opciones restringidas y no permite incrustar la búsqueda de dirección o el mapa de Street View. Si está buscando un mapa con más opciones, siga las instrucciones a continuación:

  • Vaya al sitio de Google Maps.
  • Busque y ubique la dirección.
  • Si desea agregar las direcciones entre su dirección y cualquier lugar específico.
  • Haga clic en el ícono del menú de navegación ubicado en la esquina superior izquierda.
  • Elija la opción "Compartir o incrustar mapa" como se muestra a continuación:

¿Cómo agregar Google Maps en Weebly?

Incrustar Google Maps

  • Elija el tamaño de su mapa en la pestaña "Insertar mapa".
  • Copie el código del iframe.

¿Cómo agregar Google Maps en Weebly?

Insertar mapa de Google con indicaciones

  • Vaya a su sitio Weebly y pegue el código de mapas de Google dentro de un elemento " Código incrustado ".

Agregar el mapa de Google reducirá considerablemente la velocidad de la página, ya que llamará a la API de Google para cargar el mapa. Entonces, en lugar de agregar un mapa en tiempo real, puede simplemente vincular a la ubicación de su dirección en el mapa de Google. En el proceso anterior, en lugar de ir a la pestaña "Insertar mapa", haga clic en la pestaña "Compartir enlace". Copie el enlace y podrá crear un hipervínculo en Weebly con cualquier texto o imagen de anclaje.

¿Cómo agregar Google Maps en Weebly?

Compartir la ubicación de Google Maps

Al hacer clic en el enlace, se abrirá el sitio de mapas de Google, incluida la búsqueda de direcciones.

Incrustación de Google Maps desde sitios web de terceros

También hay muchos terceros que ofrecen la API de Google Maps con una mejor vista en el sitio. Por ejemplo, puede ir al sitio incrustado de mapas de Google y proporcionar opciones como dirección, tipo de mapa, tamaño y zoom para generar el código incrustado rápidamente. Pegue el código de inserción dentro del elemento "Código de inserción" en su sitio Weebly y muestre su ubicación en el mapa a sus usuarios.

¿Cómo agregar Google Maps en Weebly?

Incrustación de mapas de Google de terceros

Fuente de grabación: webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More