Integrar Google Maps en nuestra Web

Google Maps nos permite crear mapas personalizados para ubicar en los mismos las direcciones que nosotros consideremos interesantes.

Crear un Mapa

Lo primero que debemos hacer es disponer de una cuenta Google y entonces seguir los siguientes pasos para crear un primer mapa

  • Entrar en la cuenta Google
  • Ir a http://maps.google.com
  • Haremos clic en Mis Mapas (parte superior derecha).
  • Hacer clic en el botón Introducción
  • Poner el título y descripción del Mapa, marca si es público o privado (normalmente será público).

Una vez hecho esto volvemos a hacer clic en Mis Mapas y veremos que ahora tenemos como opciones entrar en el mapa creado o crear un nuevo Mapa.

Añadir contenidos a un mapa

Para añadir direcciones y puntos a un mapa lo único que tenemos que hacer es buscar una dirección como hacemos habitualmente en esta herramienta, se escribe la dirección en la casilla superior, pulsamos el botón de Buscar en Maps y en la parte izquierda veremos la dirección exacta que corresponde a un punto en el Mapa.

Se puede comprobar que justo debeajo de las direccioens ofrecidas por Google en la parte izquierda hay un hipervínculo que pone: Guardar en Mis Mapas, haremos clic en el mismo y Google nos muestra un desplegable con todos los mapas que tenemos creados y debemos elegir a cual de ellos asociamos la marca.

Insertar un mapa en nuestra Web

Cualquier de nuestros mapas personalizados los podemos poner en nuestra página Web de forma similar a como se ha explicado en otros artículos.

  • Hacemos clic en mis mapas
  • Seleccionamos el mapa que queremos incrustar en nuestra Web
  • Personalizamos las características del mapa: El Zoom, la vista: Mapa, Satélite o Relieve.
  • Hace clic en el hipervínculo superior izquierdo que pone Enlazar
  • Copiar el contenido de la casilla: Pegar HTML para insertar en sitio web
  • Ir a una entrada o pagina de nuestra Web, hacer clic en la pestaña HTML y pegar el código copiado.

Notas: Un error conocido es que cuando tenemos un mapa incrustado en una entrada o página y realizamos una modificación en la misma entonces el mapa desaparece. Es necesario volver a copiar y pegar el código HTML completo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies