Google マップの infoWindow の幅と高さを変更する必要があり、このトピックGoogle Map .InfoWindow Set Height and Widthを見ました。そこからの解決策が機能しないことがわかりました。スタンダールでさえうまくいきinfoWindow = new google.maps.InfoWindow({maxWidth: '50px'})
ません。
それで、解決策は何ですか?infoWindowの幅と高さを変更するには?
Google マップの infoWindow の幅と高さを変更する必要があり、このトピックGoogle Map .InfoWindow Set Height and Widthを見ました。そこからの解決策が機能しないことがわかりました。スタンダールでさえうまくいきinfoWindow = new google.maps.InfoWindow({maxWidth: '50px'})
ません。
それで、解決策は何ですか?infoWindowの幅と高さを変更するには?
私は常に情報ウィンドウ内で div を使用しています。次に、css を介して div のサイズを設定します。
ここにリンクがあります。:
GoogleMaps-APIは、のgm-style-iw
周りにクラス " " を生成しInfoWindow
ます。したがって、追加のマークアップを必要とせずに、CSSでサイズを簡単に変更できます。
var infowindow = new google.maps.InfoWindow({
content: contentString
});
.gm-style-iw {
height: 100px;
width: 300px;
}
追加しましたが、動作しています
var infowindow = new google.maps.InfoWindow({
content:'<div style="width:200px; height:100px">Some text</div>'
});
infowindow = new google.maps.InfoWindow({
content: "",
maxWidth: 200 ,
maxHeight: 400
});
!important
でスタイルを強制しない限り、うまくいかないことがわかりました。そう:
.gm-style-iw {
height: 100px;
width: 300px !important;
}