2011-10-31 3 views
1

Google지도가있는 컨테이너의 크기를 조정할 때 변경 사항과 관계없이 동일한 위치에지도를 유지할 수있는 방법이 있습니까?컨테이너의 크기가 조정되면 Google지도가 움직이지 않도록하려면 어떻게해야합니까?

지도 컨테이너의 왼쪽 가장자리를 움직이면지도가 오른쪽 또는 왼쪽으로 이동하지만지도 컨테이너의 오른쪽 가장자리를 움직이면지도가 전혀 움직이지 않습니다. 이것을 바꿀 수있는 방법이 있나요? 그래서 왼쪽 가장자리를 움직이면지도가 움직이지 않을까요?

이것은 Google이 결과 패널 (maps.google.com)을 사용하여 수행하는 것과 매우 유사합니다. 문제는 CSS/JS를 사용하여 모든 것을 다시 크기 조정하고 setCenter 방법을 사용하여 새 센터를 계산할 때지도가 가끔씩 깜박 거리는 것이지 항상 15-20 % 그 시간의. 나는 내 인생을 깜박 거리지 않고 일하게하는 방법을 찾아 낼 수 없다. 오른쪽에지도를 고정시키는 방법이 있는지 궁금합니다.

누구든지 힌트를 제공 할 수있는 다른 아이디어도 있습니다.

답변

1

오른쪽 속성을 지정하여 절대적으로 컨테이너에지도를 배치하려고합니까?

<div id="container" style="position:relative"> 
    <div id="map" style="position:absolute; top:0; right:0"></div> 
</div> 

결과는 전체 레이아웃에 따라 다르지만 작동 할 수 있습니다.

+0

감사합니다. 예. 실제로이 질문을 게시 한 직후에 시도한 것으로, 어느 정도 도움이되었습니다. 여전히 약간의 깜박임이 계속 발생합니다. 특히 Firefox의 경우 (Chrome/Safari의 이전 버전보다 작음) 완전히 해결되지는 않지만 여전히 해결책을 찾고 있습니다. 다시 한 번 감사드립니다! – 8three

+0

테스트 페이지를 사용할 수 있습니까? – dmitry

관련 문제