Cómo agregar una ventana de Google Maps en tu sitio web

“Una imagen vale más que mil palabras” dijo no se quién y no se equivocaba. Estarás de acuerdo en que mejor que sólo mostrar una dirección de contacto en tu sitio web es mostrar una imagen de “cómo llegar”. Y si además puedes contar con un mapa interactivo, todavía mejor ¿no?

Puede que no sepas lo fácil que es agregar una ventana de Google Maps en tu sitio y sólo por eso no lo hayas hecho aún. Es tan fácil como incrustar un video de YouTube y permite a tus usuarios conocer la mejor ruta para llegar a tu negocio, por ejemplo. Sigue este sencillo tutorial para incluir Google Maps en tu sitio web.

Usando Google Maps en tu sitio web o blog

1. Ingresa en maps.google.com.
2. Busca la dirección que te interesa mostrar (yo usé como ejemplo “México, D.F.”, pero tú deberías elegir una dirección más puntual, jejeje ^_^).
   
3. Arriba de la ventana del mapa verás un enlace que dice: “Link to this page”. Al hacer clic allí se despliega un panel con:
   • Una URL para poner como link en un sitio o mandar por e-mail.
   • El código HTML para poder incrustar la ventana en tu sitio.

   

4. Debajo de la última opción hay un enlace que dice: “Customize and preview embedded map”. Esto nos permite personalizar un poco la imagen del mapa para nuestra web.
   

Como vemos en la imagen, podemos elegir el alto y ancho en píxeles que queremos que tenga la ventana de nuestro mapa interactivo, para que quede perfecto en nuestro sitio.

De esta forma todos los usuarios de nuestra web podrán consultar el mapa de cómo llegar a nuestro negocio, a un evento o lo que queramos.

¿Verdad que era fácil? ¡Aprovéchalo entonces!

Fuente: AjaxProjects.com