google-maps-api-3 - 谷歌地图信息窗口的底部填充过多

Question

我正在显示一个内容很少的谷歌地图信息窗口，但窗口底部似乎有很多填充。

示例：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;
}

有没有办法减少应用于窗口底部的填充？

Answer 1

那不是填充。有一个最小尺寸的信息窗口。查看 InfoWindow 的替代品（如InfoBubble）。