JMiur [E]

En BossBlog hay muy buena solución para insertar un mapa creado con Google Maps en un post de Blogger, especialmente, un mapa personalizado.

Vamos a aprovechar las explicaciones que son muy claras:

1.- Conseguir una clave de uso de Google Maps aquí.

2.- Editar la plantilla e introducir el siguiente código:
<style type="text/css">
v\:* { behavior:url(#default#VML);
}
</style>

<script language="javascript" type="text/javascript">
window.onload=create_map; function create_map() {
if (document.getElementById("google_map") != null) map_details();
}
</script>
3.- Ahora, crear un nuevo post y añadir el siguiente código (todo en una sola línea):
<script src="http://maps.google.com/maps?file=api&v=1&key=numero"
type="text/javascript">
</script>
<script type="text/javascript">
function map_details() {
var geoXml = new GGeoXml("URL_mapa");
var map = new GMap2(document.getElementById("google_map"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(valLatitud,valLongitud), valZoom);
map.addOverlay(geoXml);
}
</script>
4.- Sustituir numero por la clave obtenida.
5.- Por supuesto, previamente se debe haber creado un mapa en MyMaps con los marcadores, allí, sobre el mapa, hay un menú que dice KML. Con el botón derecho, elegimos "Copiar ruta enlace".
6.- Sustituir URL_mapa con esa dirección.
7.- Ahora, sobre el mapa, hacer click en el menú "Enlazar esta página". Aparecerá una URL completa que hay que copiar y pegar en el Block de Notas porque habrá que extraer ciertos datos.
8.- Entre los parámetros de esa URL hay uno llamado ll=. Son la longitud y la latitud que deben ser ubicados en el mismo orden, en el método map.setCenter(new GLatLng(X,Y),zoom); allí, para valZoom puede ponerse 15.
9.- Añadir en el post el bloque que contendrá el mapa:
<div id="google_map" style="width: 400px; height: 400px;"></div>
Eso es todo.

Sí, parece complicado pero, es más engorroso que otra cosa.

8 comentarios:

Pepiche  

Es todo un quilombito,jeje!.

Saludos JMiur :)

Responder
Renton  

Sí que es complicado esto, no obstante, cuando me cambie de piso lo utilizaré!

En este sentido es muy útil, en serio!

Y sí, engorrosillo sí que es...

Renton

Responder
JMiur  

Jajaja, sí, es complicado, ¿verdad?

Responder
Si necesitas más información...  

Cómo se edita una plantilla?

Responder
Si necesitas más información...  

Hola, en qué parte de "editar plantilla" debo agregar el primer código que indicas?

Gracias!;)

Responder
JMiur  

Antes de </HEAD>

Responder
jkor  

hola! felicitaciones por tu blog, una preguntica sera que se puede pasar el formulario de comentarios para la sidebar, osea anularlo de los post y que salgan solamente en la sidebar agradeceria tu ayuda xfa, gracias

Responder
JMiur  

No veo forma de hacer eso, jkor.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR