InfoWindow nie pokazując w Google Map

Question

używam tego kodu, aby utworzyć znacznik i infowindow który pokazuje się po kliknięciu na znacznik:

// 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); 
    }); 

Ten kod produkuje wszystko dobre, z wyjątkiem jednej rzeczy, to nie pokazuje zamknięcie ikona w prawym górnym rogu okna informacyjnego.

Ktoś wie co może być problemem?

Używam meteor.js jeśli czyni żadnej różnicy

Oto jak stworzyć InfoWindow:

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

Answer 1

Oto rozwiązanie problemu ... Wydaje google maps mieć fajny sposób radzenia sobie z obrazami i był problem z css, jak myśleliśmy. Więc rozwiązanie jest po prostu dodać to do pliku css:

img 
{ 
    max-width: none; 
} 

To jest to, cieszyć się.

Answer 2

Miałem ten sam problem. W moim przypadku infowindow nie pokazuje wskaźnika do znacznika. W infopiach są też dziwne obrazy.

Podobno ma to związek z arkuszem stylów od konfliktu początkowego z google. Poniżej przedstawiono bardziej szczegółowe CSS zamiast przesłanianie ogólny CSS

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

Answer 3

zależności od innych css stylizacji może trzeba dodać! Important nadpisanie ...

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