2012-12-23 33 views
0

我顯示的Google Maps Infowindow內容很少,但似乎有很多填充應用於窗口的底部。谷歌地圖應用了太多的底部填充infowindow

實施例:http://jsfiddle.net/m9n2X/2/

黃色框顯示我顯示在窗口中的內容。沒有填充或保證金適用於黃色內容。

Example

的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; 
} 

是否有減少被應用到窗口的底部填充的方法嗎?

回答

3

這不是填充。有一個最小尺寸的InfoWindow。查看InfoWindow的替代品(如InfoBubble)。

+0

好的,這是有道理的。我在API參考中看不到提及的最小尺寸。以下是示例頁面的鏈接,其中顯示您建議將來參考的InfoBubble:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html –

+0

這並不完全正確。這可能適用於這種情況,但也有一個填充(嘗試使用更大的內容),這並不能回答如何減少它。 – matteo