我正在显示内容非常少的Google Maps 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;
}
有没有办法减少应用于窗口底部的填充?