12

Google マップの infoWindow の幅と高さを変更する必要があり、このトピックGoogle Map .InfoWindow Set Height and Widthを見ました。そこからの解決策が機能しないことがわかりました。スタンダールでさえうまくいきinfoWindow = new google.maps.InfoWindow({maxWidth: '50px'})ません。

それで、解決策は何ですか?infoWindowの幅と高さを変更するには?

4

7 に答える 7

24

私は常に情報ウィンドウ内で div を使用しています。次に、css を介して div のサイズを設定します。

ここにリンクがあります。:

Google Maps API v3: InfoWindow のサイズが正しくない

于 2012-08-24T19:46:16.497 に答える
9

GoogleMaps-APIは、のgm-style-iw周りにクラス " " を生成しInfoWindowます。したがって、追加のマークアップを必要とせずに、CSSでサイズを簡単に変更できます。

var infowindow = new google.maps.InfoWindow({
    content: contentString
});


.gm-style-iw {
    height: 100px;
    width: 300px;
}
于 2014-10-10T14:41:29.547 に答える
3

追加しましたが、動作しています

var infowindow = new google.maps.InfoWindow({
content:'<div style="width:200px; height:100px">Some text</div>'
});
于 2014-03-26T19:09:32.450 に答える
1
infowindow = new google.maps.InfoWindow({
    content: "",
    maxWidth: 200 ,
    maxHeight: 400
});
于 2014-09-09T12:24:05.987 に答える
0

!importantでスタイルを強制しない限り、うまくいかないことがわかりました。そう:

.gm-style-iw {
    height: 100px;
    width: 300px !important;
}
于 2016-01-12T19:18:33.667 に答える