InfoWindow значок закрытия не отображается в Google Map

Question

Я использую этот код, чтобы создать маркер и InfoWindow, который показывает после нажатия на маркер:

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

Этот код производит все хорошо, кроме одного, он не показывает закрытие значок в верхнем правом углу информационного окна.

Любой знает, что может быть проблема?

Я использую meteor.js, если это делает никакой разницы

Это, как я создать InfoWindow:

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

Answer 1

Вот решение проблемы ... Кажется Google Maps иметь некоторый забавный способ иметь дело с изображениями, и возникла проблема с css, как мы думали. Таким образом, решение просто добавить это в файл CSS:

img 
{ 
    max-width: none; 
} 

Вот это, наслаждайтесь.

Answer 2

У меня была та же проблема. В моем случае, infowindow не показывает указатель на маркер. В infowindow есть некоторые странные образы.

Видимо, это связано с таблицей стилей из бутстрапа, конфликтующей с Google. Ниже гораздо более конкретные CSS, а не перекрывая общий CSS

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

Answer 3

В зависимости от других таблиц стилей, которые могут понадобиться, чтобы добавить! Важный переопределение ...

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