0
我顯示的Google Maps Infowindow內容很少,但似乎有很多填充應用於窗口的底部。谷歌地圖應用了太多的底部填充infowindow
實施例:http://jsfiddle.net/m9n2X/2/
黃色框顯示我顯示在窗口中的內容。沒有填充或保證金適用於黃色內容。
的Javascript
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var contentString = "<span id='content_string'>I'm a popup window</span>";
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Uluru (Ayers Rock)'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
這裏的CSS
#map_canvas {
height: 400px;
width: 400px;
}
#content_string {
background: yellow;
}
是否有減少被應用到窗口的底部填充的方法嗎?
好的,這是有道理的。我在API參考中看不到提及的最小尺寸。以下是示例頁面的鏈接,其中顯示您建議將來參考的InfoBubble:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html –
這並不完全正確。這可能適用於這種情況,但也有一個填充(嘗試使用更大的內容),這並不能回答如何減少它。 – matteo