InfoWindow biểu tượng đóng cửa không hiển thị trong Google Map

Question

tôi sử dụng mã này để tạo điểm đánh dấu và infowindow cho thấy sau khi nhấp vào một điểm đánh dấu:

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

Mã này tạo ra tất cả mọi thứ tốt ngoại trừ một điều, nó không hiển thị đóng cửa biểu tượng ở góc trên bên phải của cửa sổ thông tin.

Bất cứ ai biết những gì có thể là vấn đề?

Tôi đang sử dụng meteor.js nếu nó làm cho bất kỳ sự khác biệt

Đây là cách tôi tạo InfoWindow:

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

Answer 1

Dưới đây là giải pháp cho vấn đề ... Dường như google bản đồ có một số cách thú vị để xử lý hình ảnh và có vấn đề với css như chúng tôi nghĩ. Vì vậy, giải pháp chỉ là thêm tệp này vào tệp css của bạn:

img 
{ 
    max-width: none; 
} 

Đó là, hãy tận hưởng.

Answer 2

Tôi gặp sự cố tương tự. Trong trường hợp của tôi, infowindow không hiển thị con trỏ tới điểm đánh dấu. Có một số hình ảnh lạ trong infowindow là tốt.

Dường như việc này phải thực hiện với biểu định kiểu từ bootstrap xung đột với google. Sau đây là một CSS nhiều cụ thể hơn chứ không phải là trọng CSS chung

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

Answer 3

Tùy thuộc vào phong cách css khác mà bạn có thể cần phải thêm! Override quan trọng ...

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