구글 맵 infowindow 높이 문제

문제점은 정보창의 높이가 올바르게 계산되지 않는다는 것입니다. 거기에 이미지가 없으므로 나중에 이미지를로드 할 때 문제가되지 않으며 거품이 생성 될 때 크기를 알 수 없습니다.

또한 약 15 줄 이상의 텍스트를 채우면 크기가 좋아지기 시작합니다.

이것은 내가 infoWindowHtml에 공급 것입니다 :

<div><h2><a href="">Some title</a></h2><dl><dt>Location:</dt><dd>london</dd><dt>Description</dt><dd><p>Example text </p></dd></dl><p><a href="">Read more...</a></p></div>

출처

2009-11-26 phalasz

당신은 폭 설정하고 주요 사업부의 높이 수있는이 문제를 해결하기 위해. 너비 만 설정하면 효과가 있습니다. 너비, 높이 및 오버플로 : 자동을 설정하면 내용이 너무 긴 경우 스크롤바가 표시됩니다.

그러나 Google지도 V3에서는이 문제가 해결되었습니다.

출처

2010-10-05 17:37:09 abral

이것은 인클루드 CSS 높이를 명시 적으로 설정할 때의 해결책입니다. 팝업은 ok, thanx입니다. – palmic

infoWindow 클래스 요소에 min-height을 추가하십시오.

infoWindows가 모두 같은 크기이면 문제가 해결됩니다.

그렇지 않은 경우, 정보창에 대한 귀하의 클릭 기능에 jQuery를이 줄을 추가 :

//remove overflow scrollbars 
$('#myDiv').parent().css('overflow','');

출처

2012-02-10 19:21:36 Jason

을 저도 같은 문제를 겪고하지만 난 내가있는 .contInfoBubble에 패딩을 설정 때문에이 문제를 가지고 있다는 것을 발견 CSS를 사용하고 옵션 매개 변수에 포함하지 마십시오. 그래서, 내가 CSS에서 패딩을 제거하고 내가 HTML (안 아직은 .js하지만 map.html)에, 이런 식으로 거품을 만들 때이 매개 변수를 설정합니다

[...] 
var ib = new InfoBubble({ 
    //minHeight: 125, 
    minWidth: 220, 
    padding: 7, 
    borderColor: "#dedede", 
    borderRadius: 3, 
    pixelOffset: new google.maps.Size(-140, -110), 
}); 
[...]

그리고 나는 그 문제를 해결했다. 어쩌면 너에게도.

출처

2013-01-07 11:08:39

구글 맵 infowindow 높이 문제

답변

관련 문제