9 jul. 2009

Cartovisor en Blogger


Tras varias horas de “investigación” y con la ayuda final del foro de Blogger hemos conseguido que aparezcan las imágenes del Cartovisor sin espaciado entre ellas. La solución ha sido colocar en la plantilla de diseño de Blogger ( Diseño > Edición de HTML) y justamente encima de ]]></b:skin> el siguiente código:

.olTileImage{
margin: 0 !important;
padding: 0 !important;
}

Con ello indicamos que los márgenes de separación de las imágenes que forman el mosaico sean cero.
Luego en el post escribimos las siguientes sentencias:

<script src="http://www.cartociudad.es/VisualizadorCartografico/CartoVisor.js" type="text/javascript"></script><div id="mapa"></div><script type="text/javascript"> varmap=new CartoVisor("mapa",-3.6935,40.5308,2)</script>

No debe existir espaciado entre cada sentencia ya que de lo contrario Blogger no las interpreta correctamente y no aparece la imagen del mapa.