Hola lo primero gracias a todos...parece que esto funciona, para verlo
http://www.beranuestropueblo.com
comentar lo que he echo:
para solucionar los problemas de los explorer....
http://blog.unijimpe.net/hack-css-para-ie6-ie7/
resumido:
1.
.mydiv {
2.
height: 15px; /* Para todos los Browsers */
3.
#height: 20px; /*Para Internet Explorer */
4.
_height: 25px; /* Para Internet Explorer 6 */
5.
}
...
Me pregunto mikel como consegui la movida del gmap con los caserios lo explico...
en la etiqueta head..
<script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAsV0K-ED6mJrB55deZCnwZxRJg_b-csUiTkEHAuPQfHh0JrPXwxQNDi3s7rETODMWRX_1xfSpJd7f4g ' type='text/javascript'></script>
en el body
<div id=mapa>
<script type='text/javascript'>
//<![CDATA[
// Crea un marcador y su correspondiente ventana de informaci?n
function createInfoMarker(point, icon, address) {
var marker = new GMarker(point, icon);
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(address);
});
return marker;
}
// Crea un icono
var icon = new GIcon();
icon.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
icon.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
var map = new GMap(document.getElementById('map'));
map.centerAndZoom(new GPoint(-1.68865, 43.281003), 4);
map.setMapType(G_HYBRID_TYPE);
map.addControl(new GLargeMapControl());
";
// La consulta en la bd donde tengo los puntos y los logos que quiero que aparezcan y los textos y lo imprimo...
$result = mysql_query("SELECT * FROM gmap ", $link)or die(" kka");
if ($row = mysql_fetch_row($result)){
do {
$atala=$row[3];
$izenaid=$row[4];
$x2=$row[1];
$y2=$row[2];
echo"
// Crea un icono
var icon = new GIcon(); ";
if (empty($auzoa)){echo"
icon.image='img/icon$atala.png';";} else{ echo"
icon.image='img/icon$atala-$auzoa.png';"; };
echo"icon.iconSize = new GSize(20, 20);
icon.shadowSize = new GSize(20, 20);
icon.iconAnchor = new GPoint(20, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
//Pintamos algunos iconos con su ventana de informaci?n
var point1 = new GPoint($x2,$y2);
address1 = '$text2';
var marker1 = createInfoMarker(point1, icon, address1);
map.addOverlay(marker1);";
}while ($row = mysql_fetch_array($result)); };
echo"
//]]>
</script> </div></div> ";
?>
Gracias de nuevo y seguiremos en contacto.
