tak jest
Problem nieco inny
function pokaz_tresc($param) {
var string = $param;
document.getElementById('home').style.display='block';
//domyslnie wyswietlamy home - reszta ukryta
switch (string) {
case 'home':
document.getElementById('home').style.display='block';
document.getElementById('areaa').style.display='none';
break
case 'areaa':
document.getElementById('home').style.display='none';
document.getElementById('areaa').style.display='block';
break
....
}
...
<div style="display: none" id="areaa"> home
//ponizej mapka google
<div style="display: none" id="areaa"> <div id="map" style="width:560px;height:499px"></div>
//menu, wywolania funkcji js
<a href="#" onClick="pokaz_tresc('home')">HOME
</a><a href="#" onClick="pokaz_tresc('areaa');">Area
</a>
wszystko pięknie działa z tym że obszar dla mapy wynosi: 560 x 499 px a sama mapka google wyswietla sie jako 1/4 tego obszaru od lewego gornego naroznika natomiast ejzeli wyswietle mapke od razu czyli
<div style="display: block" id="areaa"> <div id="map" style="width:560px;height:499px"></div>
to wszystko działa jak należy no ale oczywiste jest to że mapkę chce widzieć dopiero po kliknieciu a nie na stronie glownej.
Wiecie o co chodzi ?