2011-01-13 6 views
0

http://geodit.com:8000/test이 상자의 크기는 어떻게 바꿀 수 있습니까? (CSS)

검색하면됩니다. 그런 다음 결과를 클릭하십시오. 지도에 흰색 풍선 팝업이 표시됩니다.

어떻게하면 CSS를 사용하여 작게 만들 수 있습니까? 너무 커!

+0

전체지도 또는 거품 설명 :

또한 당신이 그런 일을 그 윈도우의 폭을 제한하는 info window의의 maxWidth 옵션을 설정할 수 있습니까? –

+0

Django 사이트에서'DEBUG = false'를 빠르게 설정하는 것이 좋습니다. 현재 ** 매우 취약합니다 **. –

+0

거품. 거품을 더 작게 만들 수 있습니까? 아니면 사라질까요? – TIMEX

답변

2

지도에 풍선에 대해 이야기하고 있는데 불행히도 은 풍선 도움말이 풍선 컨테이너의 스타일 속성 (div 요소)에 하드 코드되어 있기 때문에 css를 사용하여 크기를 변경할 수 없습니다.

ballonContainer.style.width = "150px"; 
ballonContainer.style.height = "50px"; 

하지만 당신은 강제로됩니다

<div style="width: 247px; height: 96px;"> 

오버라이드 (override) 할 수없는, 단지 당신이 당신의 크기를 변경할 수 있습니다 div에 얻을 경우 자바 스크립트의 도움으로 (ballonContainer는 사업부를 의미) 변화하다 다른 내부 요소 크기 (크기도 스타일 속성에 하드 코드 됨).

는 업데이트

나는 다음 생성하지 않는 거품이 작거나 (정보 창 일명) 그 풍선 필요하지 않은 경우에도 잘

을 사라지게 할 그냥 자바 스크립트에이 줄이 보입니다 :

gInfoWindow = new google.maps.InfoWindow; 

도움이되지 못하셨습니까? 아니면 다른 것을 의미합니까?

gInfoWindow = new google.maps.InfoWindow({ maxWidth: 150 }); 

개의 InfoWindow 옵션도 here

+0

나는 거품을 원하지 않는다. 하지만 검색 결과를 클릭 할 때지도가 계속 이동되기를 원합니다. – TIMEX

+0

수동으로 할 수 있습니다. 사용자가 결과를 클릭하면 좌표를 알아야합니다. Map 객체의 panTo (latLng : LatLng) 메소드를 사용하면됩니다. – Maxym

관련 문제