Google 매핑은 높이 문제가 있습니다
-
05-07-2019 - |
문제
솔루션을 찾기 위해 그물을 검색했습니다.
내 문제는 정보 창의 높이가 제대로 계산되지 않는다는 것입니다. 거기에는 이미지가 없으므로 나중에 이미지로드에 문제가되지 않으며 버블이 생성 될 때 크기를 알 수 없습니다.
또한 약 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>
해결책
이 문제를 해결하기 위해 메인 디브의 너비와 높이를 설정할 수 있습니다. 너비 만 설정하면 작동합니다. 너비, 높이 및 오버플로 : 자동으로 설정하면 콘텐츠가 너무 길어도 스크롤 바를 얻을 수 있습니다.
그러나 Google Maps V3에서는이 문제가 해결됩니다.
다른 팁
나는 같은 문제가 있었지만 CSS의 .continfobubble에 패딩을 설정하고 옵션 매개 변수에 없기 때문에이 문제가 있음을 발견했습니다. 그래서, 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),
});
[...]
그리고 나는 문제를 해결했다. 어쩌면 당신도.
을 추가하다 min-height
Infowindow 클래스 요소에.
Infowindows의 크기가 모두 같은 경우 문제가 해결됩니다.
그렇지 않은 경우,이 jQuery 라인을 InfoWindow의 클릭 함수에 추가하십시오.
//remove overflow scrollbars
$('#myDiv').parent().css('overflow','');
제휴하지 않습니다 StackOverflow