Bir Google Maps InfoWindow

Question

genişliğini denetleme Herkes Google Haritalar'da InfoWindow genişliğini nasıl ayarlayacağını biliyor mu? Infowindow, Google Haritalar'daki bir noktayı tıkladığınızda açılan balon gibi karikatürdür. Yüksekliği CSS ile kontrol edebilirim ancak genişliğin nasıl değiştirileceğini anlayamıyorum (varsayılan bilgi penceresinden daha ince olmasını istiyorum).

ben API MaxWidth bir başvuru buldum ama bu nereye koyacağımı bilemiyorum. Herhangi bir fikir?

API v3 için

Answer 1

, InfoWindowOptions.maxWidth tesis için soruyorsun onu yapar. InfoWindow yapıcısı, InfoWindowOptions nesnesinin isteğe bağlı bir argümanını alır. o

var iw = new google.maps.InfoWindow({ content: some_text, maxWidth: 200 }); 

documentation notlar "değişen içeriği ne zaman açılacak bir çağrı önce ayarlanırsa değer sadece kabul edilir. Açık ardından yakın setOptions ve çağrı, maksimum genişliğini değiştirmek için."

Answer 2

böyle ilk başta div ekleyebilirsiniz:

<div style='width:300px;margin:0 0 20px 20px;height:90px;'> 

Answer 3

Google Maps stili geçersiz kılabilir.

/* Just use .gm-style-iw */ 
.gm-style-iw { 
    width: 300px; 
    min-height: 150px; 
} 

Kaynak: https://katz.co/resizing-infowindow/