Juan Manuel 7 de julio de 2008 a las 12.30
   Imprimir artículo
elWebmaster.com

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


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 ^_^).
    C贸mo agregar una ventana de Google Maps en tu sitio web
  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.

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

  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.
    C贸mo agregar una ventana de Google Maps en tu sitio 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


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (24)

  1. Ale Photoshop dice:

    que onda con bs As? google no da soporte para esta ciudad?

  2. Fede dice:

    Todo muy lindo… pero los que queremos incorporar direcciones de Argentina??????
    Cuando estaran listos los mapas de nuestro pais en Google?

    Saludos!
    Fede

  3. Jaime Munoz dice:

    fabuloso!!!

  4. Pedro Camacho潞 dice:

    quiero saber como si, se puede agregar foto e direccion de una ciudad determinada, yo estoy en paraguay, en la ciudad de Fernando de la Mora, por favor si pueden responder en mi correo, gracias
    Pedro Camacho

  5. diezko dice:

    Ya soy un poco menos ignorante despu茅s de leer este post :)

  6. Cesar dice:

    En Google Maps se puede visualizar hasta la calle de una ciudad en particular, pero que pasa con algunas partes del mundo en que no se puede hacer un ZOOM a ese nivel..???
    Alguien sabe alguna alternativa?… sino este google maps servir铆a solo para quienes viven en E.U o Europa!!.

  7. Oscar Batista dice:

    Muy bien le sacar茅 mucho provecho a esas informaciones, le felicito.

  8. ZoriouQ dice:

    Es una buena opcion para colocar en una pagina. Yo lo he anexado a mi pagina y es muy facil …

  9. Josue dice:

    lindoo!… una pregunta.. como podria agregar una aplicaci贸n similar a mi sitio, pero que d茅 la oportunidad al que acceda de buscar direcciones en mi propio sitio web??

  10. Ale dice:

    este sitio no tiene un foro? porque veo que todo el mundo hace prleguntas en los comentarios y nadie responde nada, y esto hace que haya mucha informaci贸n perdida y que se podria compartir.
    A la gente de este sitio, que est谩 tan bueno, 驴no cree que seria una buena idea hacer algo por el FEEDBACK de informacion?

  11. Alejandra dice:

    Hola Ale, intentamos responder a todas las consultas… De todos modos, algunas quedan sin responder. Es una buena idea la de incluir un foro. Veremos si se puede implementar a futuro.
    Un saludo!

  12. Ofertas dice:

    muchas Gracias

  13. noe dice:

    muy buena explicacion, m ayudaste mucho GRACIAS

  14. noe vasquez dice:

    oye no se puede poner una etiqueta o una imagen para indicar el lugar exacto que quiero anunciar??????

  15. noe meza dice:

    sres he estado tratando se insertar en mi pagina web el la url pero no me habilita (enlace a esta pagina ) cual es el error porque no me permite enlasar a mi pagina

  16. eduardo dice:

    Estoy tratando de colocar eso mismo en una pagina de facebook……… se puede?

  17. wayaman dice:

    hola a todos tengo una duda yo copio y pego el contenido dentro de mi html y lo que me sale es el mismo codigo copiado en letras, aclaro soy nuevo en esto de las webs, deseo incrustar el codigo de google maps a mi contactos, para noe visita este link http://www.google.com/mapmaker

  18. Morton dice:

    NOTA: A trav茅s de esta traducci贸n, elWebmaster.com busca difundir este pr谩ctico e interesante art铆culo a la comunidad de webmasters de habla hispana. No ser谩n respondidas las consultas que sean realizadas a trav茅s de los comentarios. En caso de tener alguna duda o inconveniente con respecto al funcionamiento de lo aqu铆 explicado, les rogamos consultar al autor del art铆culo original. Muchas gracias.

  19. claudia perez dice:

    Holaa. tengo un problema, este c贸digo lo quiero publicar en Facebook pero no me deja, yo he colocado el c贸digo en la ventana de enlace en facebook y me sale un mensaje que dice: que este mensaje no puede publicarse en este muroo. alguien me puede ayudar… ???,

  20. Paginas web cadiz dice:

    Gracias por el aporte, esta estupendo. Cada vez es mas facil poner el mapa de Google en cualquier sitio.

  21. Marisol dice:

    Gracias por el art铆culo muy claro y me facilito mucho mi tarea.
    http://www.elwebmaster.com/articulos/como-agregar-una-ventana-de-google-maps-en-tu-sitio-web

  22. Federico dice:

    Estoy realizando una web y al insertar el c贸digo con una localizaci贸n de google maps me da problemas al abrirla con IE8, aparece el mensaje de que se ha producido un error, en otros navegadores como Chrome o Mozilla no ocurre. Por favor, sab茅is que puede ser. Muchas gracias. Saludos

  23. Len dice:

    Hola, quiero poner un link de “como llegar” que aparezca en destino mi direcci贸n y el usuario tenga directamente la opci贸n de poner la suya en origen, he estado buscando pero no encuentro nada, saben algo? Saludos

  24. Akvaro dice:

    loko… gracias me sirvi贸 mucho, se te agradece de mil maneras

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder