Google Map Infowindow không hiển thị đúng cách

Question

Thông tin không hiển thị đúng trên bản đồ của tôi khi nhấp vào điểm đánh dấu. Trang web ở đây.

Bạn cũng sẽ thấy điều khiển bản đồ không được hiển thị chính xác.

var map; 
    var locations = <?php print json_encode(di_get_locations()); ?>; 
    var markers = [] 
    jQuery(function($){ 
     var options = { 
      center: new google.maps.LatLng(51.840639771473, 5.8587418730469), 
      zoom: 8, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById("map_canvas"), options); 

     for (var i=0; i < locations.length;i++) { 
      makeMarker(locations[i]); 
     } 
     centerMap(); 

    }); 
    function makeMarker(location) { 
     var markerOptions = {map: map, position: new google.maps.LatLng(location.lat, location.lng)}; 
     var marker = new google.maps.Marker(markerOptions); 
     markers.push(marker); 
     var content = ''; 

     var infowindow = new google.maps.InfoWindow(
      { content: "test", 
      size: new google.maps.Size(50,50), 
      disableAutoPan : true 
      }); 


     google.maps.event.addListener(marker, 'click', function(e) { 
      infowindow.open(map,marker); 
     }); 
    } 
    function centerMap() { 
     map.setCenter(markers[markers.length-1].getPosition()); 
    } 

Lưu ý: Tôi đang sử dụng Google Maps JS V3.

Answer 1

Vấn đề này được buộc bởi định dạng này bên trong style.css:

img { 
    height: auto; 
    max-width: 100%;/* <--the problem occurs here*/ 
} 

Thêm phần này vào cuối style.css của bạn để áp dụng mặc định có giá trị cho hình ảnh bên trong bản đồ:

#map_canvas img{max-width:none} 

Answer 2

Sự cố có thể do bạn đang sử dụng img{ max-width: 100%; } là phổ biến.

Hãy thử này để css của bạn

.gmnoprint img { 
    max-width: none; 
} 

Answer 3

Trong trường hợp Magento google kiểm soát bản đồ zoom không được hiển thị vì mâu thuẫn với thư viện Prototype.

Answer 4

tôi giải quyết vấn đề với:

.gmnoprint img { 
    max-height: none; 
} 

thay vì max-width.

Cảm ơn