¿Cómo insertar un mapa de Google Maps en tu web?

[ARTÍCULO DESACTUALIZADO – VISITAR  Ver cómo insertar un mapa del nuevo Google Maps  ]

Si en tu página web administrable tienes un apartado donde puedes meter código HTML para insertar un mapa de Google Maps, te comento cómo hacerlo, es muy sencillo:

  • Lo primero es meterse en Google y arriba pinchar en la opción Maps.
  • En la barra ponemos la dirección que queremos (Por ejemplo: calle Alfonso Gómez, 33, Madrid).

Una vez nos sale el mapa, a la izquierda tenemos dos pequeños iconos: uno con una impresora y el otro con una especie de cadena (enlazar). Éste es el nuestro.
Hacemos click y nos salen dos códigos. En este caso a nosotros nos interesa el de abajo, así que lo seleccionas, lo copias y lo pegas en el cajetín de la página web.

Si queréis podéis personalizar un poco el mapa. Verás que debajo del código hay un enlace que dice “Personalizar y obtener vista previa del mapa que se va a insertar”.

Insertar mapa de google maps en página web

 

Aquí podemos escoger el tamaño de mapa que más se ajusta a nuestra página; pequeño, mediano o grande. Incluso tienes dos cajetines para personalizarlo aún más (esto es cuestión de ir probando).

Si vas a poner tú el tamaño que deseas acuérdate de pinchar sobre cualquier sitio (sobre el blanco mismamente), para que el código se refresque.
Una vez elegido el tamaño, sólo tienes que seleccionar y copiar todo el código que aparece abajo.

Y ya está, el mapa de Google Maps aparecerá incrustado en la página web. Aunque parezca que te he metido un rollo más largo que el de Scottex, verás que en la práctica es muy fácil y rápido.

¿Te apuntas a nuestra newsletter?

* Para cumplir con la nueva Ley de Protección de Datos y que tus datos estén seguros con nosotros, debes leer y aceptar nuestra política de privacidad. Tus datos serán gestionados por nosotros, Ensalza S.L y almacenados en Mailchimp, nuestro proveedor de mailing. No tenemos intención de ceder tus datos a terceros salvo mandato legal y siempre podrás ejercer tus derechos sobre ellos. Puedes informarte sobre nuestra política de privacidad al pie de esta página.

2 comentarios en “¿Cómo insertar un mapa de Google Maps en tu web?”

Deja un comentario

Acepto la política de privacidad (Sí, tus datos están seguros con nosotros) *

Antes de enviar el formulario, puedes leer aquí la información básica sobre protección de datos:

  • Responsable: Ensalza S.L
  • Finalidad: responder a tu comentario y notificarte sobre nuevas respuestas.
  • Legitimación: tu consentimiento a través de este formulario.
  • Destinatarios: no tenemos previso ceder sus datos a terceros, salvo por obligación legal. 
  • Derechos: tienes derecho a acceder, rectificar, suprimir, portabilidad y oposición a tus datos. Los datos de contacto serán almacenados en nuestros servidores y en Mailchimp, nuestro proveedor de mailing. 
  • Info adicional: puedes consultar la información adicional y detallada sobre protección de datos en el enlace al pie de esta página.
Share This