Agregar mapas a Blogger

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.