google-maps-api-3 - Google マップ API v3 の infoWindow のサイズ。正しい解決策は何ですか？

Question

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

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

Answer 1

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

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

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

Answer 2

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

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


.gm-style-iw {
    height: 100px;
    width: 300px;
}

Answer 3

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

var infowindow = new google.maps.InfoWindow({
content:'<div style="width:200px; height:100px">Some text</div>'
});

Answer 4

infowindow = new google.maps.InfoWindow({
    content: "",
    maxWidth: 200 ,
    maxHeight: 400
});

Answer 5

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

.gm-style-iw {
    height: 100px;
    width: 300px !important;
}