0

コンテンツが非常に少ないGoogleマップ情報ウィンドウを表示していますが、ウィンドウの下部に多くのパディングが適用されているようです。

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

ウィンドウの下部に適用されるパディングを減らす方法はありますか？

4

1 に答える 1

3

それはパディングではありません。最小サイズの InfoWindow があります。InfoWindow の代わりを見てください ( InfoBubbleなど)。

于 2012-12-23T14:19:37.070 に答える