InfoWindow icona di chiusura che non mostra in Google Map

Question

io uso questo codice per creare marcatore e infowindow che mostra dopo aver fatto clic su un marcatore:

// latLng and map are created earlier in code 
var marker = new google.maps.Marker({ 
     position: latLng, 
     map: map 
    }); 

// contentString is just a string with content also created earlier 
google.maps.event.addListener(marker, 'click', function(){ 
     infowindow.setContent(contentString); 
     infowindow.open(map, marker); 
    }); 

Questo codice produce tutto bene tranne una cosa, non mostra di chiusura icona nell'angolo in alto a destra della finestra informativa.

Chiunque sa che cosa potrebbe essere il problema?

sto usando meteor.js se fa alcuna differenza

Questo è come mi creo il InfoWindow:

var infowindow = new google.maps.InfoWindow(); 

Answer 1

Ecco la soluzione per il problema ... Sembra google maps avere un modo divertente di trattare le immagini e c'era un problema con i CSS come pensavamo. Quindi la soluzione è solo per aggiungere questo al vostro file CSS:

img 
{ 
    max-width: none; 
} 

Questo è tutto, godere.

Answer 2

Ho avuto lo stesso problema. Nel mio caso, l'infowindow non mostra il puntatore al marker. Ci sono anche alcune strane immagini in vetrina.

Apparentemente questo ha a che fare con il foglio di stile da bootstrap in conflitto con google. Il seguente è un molto più specifico CSS non viene sostituito il CSS generale

/** FIX for Bootstrap and Google Maps Info window styes problem **/ 
img[src*="gstatic.com/"], img[src*="googleapis.com/"] { 
max-width: none; 
} 

Answer 3

in base agli altri stili CSS potrebbe essere necessario aggiungere l'! Importante di esclusione ...

img[src*="gstatic.com/"], img[src*="googleapis.com/"] { 
max-width: none !important; 
}