2011-09-15 9 views
0

저는 프로젝트에서 호텔을 검색해야하는 작업을하고 있습니다. 검색 결과 목록에는 해당 호텔의지도를 볼 수있는 옵션이 있습니다. 이제지도가 제대로로드되지 않는지도를 보려면 클릭하면됩니다. 이제 다른 것을 표시했습니다. 대화 상자를 닫고 다시 클릭하면 맵이로드되지 않지만 대화 상자를 닫지 않고 맵을 보려고하면 완벽하고 신속하게 맵이 표시됩니다.Google지도가 제대로 열리지 않았습니다.

대화 상자에 jquery-ui-1.8.5.min.js를 사용하고 있습니다. Google지도가로드되었습니다. 사람이 어떻게이 문제를 정렬하는 나를 인도시겠습니까

...

+1

나는, 몇 가지 관련 태그를 추가했다. 그리고 관련 코드를 추가해야합니다. – stema

+0

모달 상자에지도를로드합니까? – mahadeb

답변

0

난 당신이 팝업이 표시되기 전에지도를 초기화하는 생각.

Google지도 코드는 래퍼 요소의 크기를 가져 오려고 시도합니다. 팝업이 아직 열리지 않으면 모든 어린이의 너비와 높이가 0이므로 Google지도가 제대로 초기화되지 않습니다.

해결책은 간단하다, 다만 사용

팝업이 표시됩니다

google.maps.event.trigger(YOUR_MAP_VARIABLE_HERE, 'resize');

, 모든 ...

0

Google지도 API의 V3

사용하는 문서 준비 내가 희망 좋은 것 초기화 전 ...이 예제를 참조하십시오 :

HTML

더 많은 사람들이 귀하의 질문을 볼 수 있도록
<div id='map_canvas'></div> 

JQUERY/자바 스크립트

$(document).ready(function() { 
    var myOptions = { 
     zoom: 12, 
     center: new google.maps.LatLng(36.158251, -115.137405), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     disableDefaultUI: true, 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
}); 
관련 문제