Google Map .InfoWindow Set Yükseklik ve Genişlik

Question

Bir google map InfoWindow boyutunu ve genişliğini nasıl ayarladın? on the api page'a baktım ve sadece maxWidth yöntemini buldum.

Düzeltme: Birkaç şey denedim. Bu işin ana kadar hiçbiri:

var markerInfoWindow = new google.maps.InfoWindow({ 
     content: markerHTMLString, 
     maxHeight: 400, //Doesn't work 
     maxWidth: 400, //Doesn't work 
     width: 300,  //Doesn't work 
     height: 300  //Doesn't work 
    }); 

Ayrıca söylemek markerHTMLString bu eşittir: Ben de bu üç seçenek denedi

<div class = "MarkerPopUp"><div class = "MarkerContext">Text</div></div> 

1. .MarkerPopUp { 
       height: 300px; 
       width: 300px; 
   } 
   

   (bunların hiçbiri çalıştı)

2. .MarkerPopUp { 
       height: 300px; 
       width: 300px; 
   } 
   
   .MarkerContext { 
       height: 300px; 
       width: 300px; 
   } 
   

3. .MarkerContext { 
       height: 300px; 
       width: 300px; 
   } 
   

Bu aynı zamanda çalışmaz: Hemen hemen bulabilirim her iplik geçiyor ve her şey çalışıyorum

document.getElementById('MarkerPopUp')parentNode.style.overflow = ''; 

veya bu

document.getElementById('MarkerPopUp').parentNode.parentNode.style.overflow = ''; 

. Sadece bir kaç şeyi sınırlamak için (başka bir sorun olsa da)

Answer 1

Bu, html eşlemi api'ye geçirildiğinde ve stil sayfası delesyonlarına erişemediğinde ayrıştırılabilir. Genişliğinizi MarkerPopUp'da satır içi stil olarak eklemeyi deneyin.

<div class = "MarkerPopUp" style="width: 300px;"><div class = "MarkerContext">Text</div></div> 

Satır içi stillerden de nefret ediyorum, ancak bu durumda sorununuzu çözebilir.

Answer 2

.gm-style-iw{ 
    max-height: 10px; 
} 

Gm stili için stil ayarlama işi yapar!

Answer 3

deneyin Aşağıdaki kod:

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

Answer 4

Kullanım css önemli

.MarkerPopUp { 
    height: 300px !important; 
    width: 300px !important; 
} 

Answer 5

Sen sargıyı <div> kullanabilir ve bu <div style='height: 40px; text-align: center'> gibi stil eklemek ve css dosyasında css kodunu .gm-style-iw { max-width: 400px!important;} ekleyebilir;