2012-04-03 3 views
0

사이트에서 Google Maps API로 생성 된지도를로드하려고합니다. 정상 div 안에 제대로 표시되지만 버튼을 클릭하여 표시하고 싶습니다. 문제는 jQuery를 사용하여 div를 표시하거나 숨기지 만 표시 될 때 거의 모든지도가 회색입니다.Google Maps API + Jquery

여기 내 코드 :

$(document).ready(function() { 

    $('#div').hide(); 

    $('#button').click(function() { 

     $('#div').show(); 

     return false; 
    }); 
}); 

어디까지 문제가 있습니까? 고마워. 고마워.

+0

컨테이너가 표시 될 때까지지도 작성을 지연해야합니다. http://stackoverflow.com/questions/4064275/how-to-deal-with-google-map-inside-of-a-hidden-div-updated를 참조하십시오. - 그림 –

+0

가능한 [Google지도 API - 이상한지도 "상쇄] 동작 (http://stackoverflow.com/questions/4647747/google-maps-api-strange-map-offset-behaviour) –

답변

0

고맙습니다! 나는 처음 몇 줄에,지도 스크립트에이를 추가하여 그것을 해결 :.

기능 displayMap() {

document.getElementById를 ('DIV')를 style.display를 = "블록" ;

initialize();

<div id="button" onclick="displayMap()">Show Map</div>

는 "지도 표시를지도를 포함 사업부의 이름으로 #div 교체하고 내 HTML로

}

이 "img, text, 원하는대로.