2010-08-09 2 views
2

약간의 두통을 유발하는 매우 단순한 기능처럼 보입니다.Google지도 API - 크기 조정으로 공백이 생깁니다.

저는 GIS와 협력하여 Google지도와 통합합니다. 클라이언트 중 하나가지도 만 표시하는 별도의 팝업 창을 열 수 있도록 요청했습니다. 창을 여는 것은 문제가 아니지만지도가 포함 된 IFrame의 너비를 확장하려고하면 창 크기에 맞게 실제지도 이미지는 같은 크기로 유지되고 공백이 나머지를 채 웁니다. 공간.

미리 렌더링 기능이나 그와 비슷한 것으로 새로운 너비 값을 전달해야하는지 궁금합니다 ... 이미 checkResize()를 사용해 보았지만 작동하지 않는 것으로 나타났습니다.

내가지도에서 IFrame을 darw을 사용하고 기능은 아래 간다 :

DrawMapIFrame() 
{ 
    var str = '<iframe id="mapIFrame" name="mapIFrame" width="97%" height="' + parent.mapFrameHeight + '" src="' + $_URL_FleetMonitiorMapIFrame + '?UserID=' + parent.$_UserID + '&Encoding=' + parent.$_Encoding + '&id=' + _id + '" frameborder="0" scrolling="No"></iframe>'; 
    document.getElementById("mapIFramePlace").innerHTML = str; 
} 

답변

8

어느 쪽이든 당신은지도를 만드는 전에 을 원하는 크기로 사업부를 확장해야하거나

를 사용할 필요가
google.maps.event.trigger(map, 'resize') 

컨테이너의 크기가 변경되었음을 API에 알립니다.

+0

감사합니다.지도를 만들기 전에 div 크기를 조정했습니다. 비록 흐름을 이해하는 것이 까다로운 과제 였지만 =) –