太多的底部填充应用于谷歌地图infowindow

时间:2012-12-23 14:03:37

标签: google-maps-api-3

我正在显示内容非常少的Google Maps 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;
}

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

1 个答案:

答案 0 :(得分:3)

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