Google मानचित्र Infowindow ठीक से नहीं दिखा रहा है

Question

मार्कर पर क्लिक करते समय infowindow मेरे मानचित्र पर ठीक से नहीं दिख रहा है। वेबसाइट यहाँ है।

आप यह भी देखेंगे कि मानचित्र नियंत्रण ठीक से प्रदर्शित नहीं होता है।

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

नोट: मैं Google मानचित्र जेएस वी 3 का उपयोग कर रहा हूं।

Answer 1

मुद्दा style.css अंदर इस प्रारूप द्वारा मजबूर किया जाता है:

#map_canvas img{max-width:none} 

:

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

अपने style.css के अंत करने के लिए इस जोड़े नक्शा अंदर छवियों के लिए डिफ़ॉल्ट-मूल्य लागू करने के लिए

Answer 2

समस्या यह हो सकती है कि आप img{ max-width: 100%; } को सार्वभौमिक के रूप में उपयोग कर रहे हैं।

प्रोटोटाइप पुस्तकालय के साथ संघर्ष की वजह से प्रदर्शित नहीं कर रहे थे अपने सीएसएस

.gmnoprint img { 
    max-width: none; 
} 

Answer 3

Magento मामले गूगल मानचित्र ज़ूम नियंत्रण में करने के लिए यह एक प्रयास करें।

.gmnoprint img { 
    max-height: none; 
} 

बजाय

max-width:

Answer 4

मैं के साथ समस्या को हल किया।

धन्यवाद