Cómo insertar un mapa en el blog

8 de diciembre de 2009 39 comentarios ,
En ciertos casos habrá quienes necesiten poner un mapa en el blog de su negocio, su ciudad, su vecindario, etc.
Para poner un mapa en el blog sigue estos pasos:

  1. Entra a Google Maps y localiza la ciudad o el lugar que quieres mostrar.
  2. Haz click en el ícono del engrane que está junto al muñequito del Street View, ahí selecciona Compartir e incorporar mapa.


  3. Se abrirá una ventana con 2 opciones, selecciona Incorporar mapa, luego copia el código.


  4. Por último pega el código en un elemento HTML/Javascript o en una entrada.

Y listo, con estos sencillos pasos puedes mostrar un mapa de Google Maps en tu blog.

TIP!
Si quieres saber la ubicación exacta de donde te conectas usa el ícono que está arriba de los controles con los que haces zoom en el mapa.


Les dejo un ejemplo del mapa de mi ciudad.


39 comentarios en:

" Cómo insertar un mapa en el blog "

  1. Buen dato.
    Será de mucha ayuda para algunos.

    Saludos.
    Jpz.-

    ResponderEliminar
  2. muy bueno potro te felicito cada vez me gusta mas tu blog

    ResponderEliminar
  3. Qué bueno que les ha gustado, ojala sea de utilidad para alguien.
    Saludos!

    ResponderEliminar
    Respuestas
    1. Hola potro mira y como ago para que el mapa me diga de donde ven las personas mi blog urgente

      Eliminar
    2. Hola potro mira y como ago para que el mapa me diga de donde ven las personas mi blog urgente

      Eliminar
  4. Jajaja, encontré mi casa en Montevideo (Uruguay), jajaja, esto puede ser emocionante. Alguien sabe donde puedo descargar el Google Earth, cuanto demora y su peso. Un saludo Potro

    ResponderEliminar
  5. Genial.
    Ahora mismo estoy buscando mi casa jajaja.
    Me sera de mucha ayuda en mis post

    Saludos.

    ResponderEliminar
  6. Ascesino96, la descarga no es tardada, el archivo pesa 550 KB lo que tarda un poco es la instalación.
    http://earth.google.es/

    El Venado, la primera vez yo igual estuve buscando mi casa, parecemos niños con juguete nuevo, jaja.

    ResponderEliminar
  7. hey bro, no debiste poner el mapa de tu ciudad... ahora te llegarán cientos de abogados con demandas de los blog de trucos para blogger que has dejado sin trabajo!!! XD

    Un abrazo!!!

    ResponderEliminar
  8. potro muchas gracias por este dato la verdad es que me es muy util porque este blog del que estoy de encaragado es de mucha utilidad para mucha gente que viene de todas partes y les esta gustando mucho a muchas personas gracias a ti, sigue asi muchas gracias y como dice cyberbloggero eres el rey del blog

    ResponderEliminar
  9. Concuerdo contigo, utilizar estos mapas pueden ser muy útiles (según sea el caso, claro está) y puede sacarse provecho en blogs que tienen oficinas y necesitan mostrar dónde se localizan.

    Ah, y por el contrario, gracias a ti por visitar este blog.
    ¡Saludos!

    ResponderEliminar
  10. Hola, espero no interrumpir demasiado en tus vacaciones:)
    pero... sabrías como añadir (en google earth) los botones:
    Desde:
    A:

    Gracias

    ResponderEliminar
  11. perdon ahora que lo leo no me explico bien.

    En google earth a una funcion que pone Como llegar.
    DESDE: ejemplo:mexico
    A:ejemplo: España
    pues, me gustaria poder insertarlo en mi web (blog)

    gracias

    ResponderEliminar
  12. Esa es una función sólo de Google Earth y no de Google Maps, si éste último la tuviera seguro se podría poner :S

    ResponderEliminar
  13. no me sirve necesito es un gadgets de mapa

    ResponderEliminar
  14. necesito que se copie y me de zoom y todo lo demas ...n solo una imagen

    ResponderEliminar
  15. No es sólo una imagen, es el mapa con la función del zoom, de hecho puedes probarlo en el ejemplo que puse a lo último de la entrada.

    ResponderEliminar
  16. Hola Potro como estas? te cuento que le doy donde dice inlazar, pero no abre la ventana donde se debe personalizar, por otra parte en ayuda me dice que se debe hacer con un codigo API, y no manejo ese termino...

    ResponderEliminar
  17. No es necesario hacer nada con la API. Prueba hacerlo nuevamente pero antes accede a tu cuenta de Google para que estés logueado también ahí cuando hagas el mapa.
    Sino, prueba también desde otro navegador.

    ResponderEliminar
  18. Hola Potro,
    Como estas?>
    Me parece muy interesante este post. De hecho lo acabo de instalar en mi blog. Te queria preguntar algo al respecto. Me gustaria poder cambiar el mapa de google-map cada vez que visite un nuevo pais. Por ejemplo, si me voy de vacaciones a Colombia, me gustaria que apareciera el mapa de google de ese pais y no el que yo he instalado por defecto. Luego me gustaria que al hacer zoom se viera la gente caminando a tiempo real. Ahora mismo al hacer zoom se ve el nombre de las calles.
    Tambien he visto en este blog algo que me llama la atencion: www.aliciaandwonderland.blogspot.com Son chinchetas y lineas para indicar donde se encuentra uno o los movimientos realizados. Como se puede hacer eso?...
    Pienso que google-map es bastante interesante, pero si encima se pudiera hacer mas interactivo, seria la bomba.
    Muchas gracias por tu ayuda.
    Tu seguidor fiel,
    Jose

    ResponderEliminar
  19. No hay una manera automática de que eso suceda, si quieres poner el mapa de Colombia entonces en la entrada donde hables sobre ello puedes colocar ese mapa, o bien puedes usar la nueva característica de Blogger que es la 'Ubicación'. No es un mapa como tal pero cuando edites tu entrada abajo por el área de las etiquetas verás un link que dice 'Ubicación' ahí puedes seleccionar la ciudad y el país.

    Ahora, cualquier mapa son imágenes tomadas desde el satélite de hace un par de años, no son cámaras Web que transmiten en tiempo real por lo que estos mapas no muestran gente caminando o algo por el estilo.

    Lo de las chinchetas creo que se hace trazando rutas y luego guardas el mapa que creaste pero a decir verdad nunca lo he hecho por lo que no sabría darte las indicaciones apropiadas :(

    Saludos!

    ResponderEliminar
  20. Gracias Potro,
    Agradezco tu ayuda!.. Le pondre unas lineas de un punto a otro a ver que tal queda!. Saludos,
    Tu seguidor fiel,
    Jose

    ResponderEliminar
  21. Potro listo! lo que hice fue ir a opciones avanzadas y usar el link que me aparece alli, bueno entonces lo otro seria como darle ese efecto de boton presionado, como te mencione estoy usando tablas para este menu que hice

    http://texto-2.blogspot.com/2011/09/prueba-personalizada.html

    ResponderEliminar
  22. Hola Potro!! Si quisiera mostrar un mapa de google que capturará las coordenadas de un fichero gpx alojado en dropbox, por ejemplo. Como podría hacerlo?

    ResponderEliminar
    Respuestas
    1. No sabría decirte BTT Martorell, nunca he hecho algo así de avanzado con los mapas.

      Eliminar
  23. muchisimas gracias por tu gran ayuda eres un maquina tio

    ResponderEliminar
  24. Hola Potro....Como puedo colocar un mapa que a su vez tenga un buscador como por ej. de: (llenar dato) hasta: (llenar dato) y que aparezca la distancia entre esos puntos. Es de locos o es posible?

    ResponderEliminar
    Respuestas
    1. No sé si sea de locos o no, pero al menos con Google Maps no se podrá, no sé si haya algún otro servicio de mapas que maneje esas opciones en su inserción.

      Eliminar
  25. Google Maps ha cambiado, ¿cómo funciona la herramienta ahora?

    ResponderEliminar
    Respuestas
    1. Ya he actualizado la entrada con la nueva información. Saludos.

      Eliminar
  26. Hola, como hago para insertar mapa google en todas las entradas y luego en cada una poder determinar una ubicacion en particular?

    ResponderEliminar
    Respuestas
    1. Hola, en Configuración > Entradas y comentarios > Plantilla de las entradas, podrías poner el código del mapa para que éste siempre aparezca en las nuevas entradas, pero no tiene mucho sentido porque para usar una ubicación distinta en cada entrada tendrías siempre que usar Google Maps para obtener dicha dirección, así que de cualquier manera tendrías que copiar y pegar códigos cada vez que quieras una dirección distinta en cada mapa.

      Eliminar
  27. Genial! me has ayudado mucho gracias!!!

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger