Forum PHP.pl > [HTML][JavaScript]API GoogleMaps wraz z div{overflow:hidden};

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]API GoogleMaps wraz z div{overflow:hidden};

zman85

4.04.2010, 14:35:09

Witam,
od rana walczę z osadzeniem mapki Google w serwisie, który ma w stylu CSS div{overflow:hidden};

Za nic nie chce się wyświetlić mapka. Kiedy usunę wpis z arkusza CSS wszystko jest dobrze, mapka się wyświetla,
natomiast cały serwis się rozpada i raczej nie mam możliwości przerabiania go bo było by to kilkanaście tysięci dopasować dla overflow:visible.

Wygląda to tak:

[HTML] pobierz, plaintext 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=mój_kluczyk' type='text/javascript'></script> 
<style type="text/css">
div {overflow:hidden;}
</style>
</head> 
<body onload='mapaStart()' onunload='GUnload()'> 
<script type='text/javascript'>
<--
<!-- 
var geo;
var mapa;
function mapaStart()
{
if(GBrowserIsCompatible()) 
{
mapa = new GMap2(document.getElementById("mapka"),{mapTypes: [G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP]});
mapa.setCenter(new GLatLng(53.429805, 14.537883), 15);
mapa.addControl(new GLargeMapControl());
var typyMapy = mapa.getMapTypes(); 
typyMapy[0].getName= function() { return "Mapa";}
typyMapy[1].getName = function() { return "Satelita";}
typyMapy[2].getName = function() { return "Hybryda";}
mapa.addControl(new GMapTypeControl());
geo = new GClientGeocoder();
var adres='Włocławek, Okrzei';
geo.getLatLng(adres,function(punkt)
{if (!punkt){
}else{
mapa.setCenter(punkt, 15);
var ikona = new GIcon();
ikona.image='http://maps.google.com/mapfiles/kml/pal3/icon52.png';
ikona.shadow='';
ikona.iconSize=new GSize(32,32);
ikona.iconAnchor=new GPoint(16,16);
ikona.infoWindowAnchor=new GPoint(16,16);
var marker = new GMarker(punkt,{icon: ikona, title: adres});
mapa.addOverlay(marker);
marker.openInfoWindowHtml('<strong></strong>');
}
});
}
}
-->
-->
</script>
<div id='mapka' style='width:350px;height:250px;border:0px;'></div>
[HTML] pobierz, plaintext

W powyższym przykładzie wystarczy usunąc wpis <style> aby mapka się wyświetliła i wszystko działało.
A jak zrobić by wpis pozostał i również wszystko działało ?

Może ktoś ma jakiś pomysł lub też spotkał się z powyższym.
Ja już nie mam sił na marnowanie Wielkanocnego czasu.

Bardzo proszę o sugestie.

athei

4.04.2010, 19:18:04

Kod

mapa.setCenter(new GLatLng(53.429805, 14.537883), 15);

Dodaj

Kod

var container = mapa.getContainer()
var children = container.getElementsByTagName('DIV');
for (var n = 0; n < children.length; n++ ) {
children[n].style.overflow = 'visible';
}

Zmień także adres na

Cytat

var adres='Polska, Włocławek, Okrzei';

bo ten co masz wskazuje na okolice Brześcia Kuj.
Poza tym jeśli centrujesz na Włocławku to 52.6550663,19.0667295 .

zman85

5.04.2010, 07:47:54

Ślicznie dziękuję Ci za pomoc - wszystko działa (bro się należy

)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.