La forma más sencilla de colocar mapas en una web

Desde que Google presento su servicio de mapas y fotos satelitales Google Earth, siempre ha estado presentando nuevas posibilidades para ayudar a los webmasters a colocar y embutir los mapas en las páginas webs.

Una de las posibilidades es usar la API de Google Maps, pero no es sencilla para webmasters sin conocimientos de programación. Hace algún tiempo presente varios artículos con el titulo Como usar Google Maps en tu web que muestran paso a paso como se pueden colocar mapas en una web.

Finalmente Google ha presentado una forma muy sencilla para embutir mapas en código HTML de una forma muy sencilla, como se puede apreciar en la siguiente imagen:

Google Maps en código HTML

Ahora, para embutir un mapa en tu web, solamente debes seguir los siguientes pasos:

1. Entrar a Google Maps y elegir el mapa que deseas incorporar a tu web.

2. Despues de tener el mapa deseado, solamente debes hacer clic en Enlazar con esta página. Luego aparece una ventana como se muestra en la imagen anterior.

3. Pegar el código HTML, que es un iframe, y copiarlo en el código HTML de la página web, donde quieres embutir el mapa.

Si deseas modificar el tamaño de los mapas, solamente debes hacer clic en Personalizar y obtener vista previa del mapa incrustado donde se abre una nueva ventana como se muestra en la siguiente imagen

Como embutir mapas

Y aquí un ejemplo:


Ver mapa más grande

Esta nueva función hace realmente muy sencillo incrustar mapas y permitirá sin duda una mejor penetración en Internet de Google Maps.

8 Respuestas a La forma más sencilla de colocar mapas en una web

  1. guiyermo 8/9/2007 a 15:19 #

    Yo justamente use el sistema de iframe que el mismo google me genero, si sigo ese método , alguien sabe si debo registrar eso de la API key?

  2. Max Glaser 8/9/2007 a 15:43 #

    Guiyermo,

    si usas este metodo para generar tus mapas, no necesitas la API Key!

  3. Takeshy 28/7/2008 a 03:39 #

    Hola, saludos a ustedes y siguiendo las opiniones, solo dejar unas dudas.

    En mi caso, tengo cuenta en google maps, pero el frame que me generan no me deja personalizar muchas cosas como lo haria con la API key, ahora, ustedes diran entonces que use la alternativa de la API, bueno pues es muy complicado, ya que donde quiero poner mapas es en entradas de blogs y cuando le doy escribir nuevo post ahi no puedo pegar el codigo como html segun lo que genero con la api.

    La pregunta es, como puedo hacer para mostrar mapas personalizados dentro de un post?

  4. Max Glaser 28/7/2008 a 09:17 #

    Otra posibilidad sería el uso de mapas estáticos. Google también tiene un pequeño wizard para crear estos mapas.

  5. Steveen 11/12/2010 a 14:22 #

    Gracias brother , perfecto solo hay que hacerle un copy paste y meterlo dentro de un o como se quiera colocar igual es un iframe, esta facil de utilizar de nuevo,gracias y google forever.

  6. Amadeo Govoni 13/7/2011 a 20:36 #

    No tengo acceso para el anlace. Esto hace que no se pueda copiar el código.

    Si esto es nuevo como se hace?

    Saludos y gracias

  7. Max Glaser 13/7/2011 a 20:54 #

    Amadeo,

    Ahora hay todavia una forma más sencilla de crear mapas estaticos. Solo sigue este enlace http://goo.gl/ZbpS2

Trackbacks/Pingbacks

  1. Cuarta semana de Agosto en Actualidad en Bolivia - 27/8/2007

    […] novedades tecnológicas incluyen el lanzamiento de Google Sky, la posibilidad de incrustar Google Maps en tu web, la nueva versión de Flash que permitiría video por la web de alta definición, el […]