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:
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
Y aquí un ejemplo:
Esta nueva función hace realmente muy sencillo incrustar mapas y permitirá sin duda una mejor penetración en Internet de Google Maps.
Google+
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?
Guiyermo,
si usas este metodo para generar tus mapas, no necesitas la API Key!
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?
Otra posibilidad sería el uso de mapas estáticos. Google también tiene un pequeño wizard para crear estos mapas.
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.
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
Amadeo,
Ahora hay todavia una forma más sencilla de crear mapas estaticos. Solo sigue este enlace http://goo.gl/ZbpS2