गूगल मैप्स में स्टैंडर्ड मार्कर बहुत छोटा

Question

मैं इस तरह का स्थान पिकर को लागू कर रहा हूँ: http://m.rhinvivant-lebendigerrhein.eu/geopick.php?raz=1

लेकिन जब मैं अपने वातावरण में कोड को लोड स्थान मार्कर अचानक छोटे और पेज लोड करने के बाद कुचल है (Image1 देखना)। उसके बाद मैंने मार्कर को चारों ओर खींच लिया, यह भी छोटा हो गया (छवि 2 देखें)।

किसी को कुछ इस तरह देखा है? इससे संकेत मिलता है कि मैं इस पर कैसे काम कर सकता हूं, या मैंने क्या गलती की है।

यानी मैं अपने मार्करों के आकार को कैसे ठीक कर सकता हूं?

मेरे कोड इस तरह दिखता है:

var marker = new google.maps.Marker({ 
    title: settings.gMapMarkerTitle, 
    map: map, 
    position: defaultLocationLatLng, 
    draggable: true 
}); 

Answer 1

समस्या वास्तव में एक सीएसएस सेटिंग था। मैं ज़र्ब फाउंडेशन फ्रेमवर्क का उपयोग कर रहा हूं, जो सभी छवियों के लिए अधिकतम चौड़ाई को परिभाषित करता है।

max-width: 100%; 

मैप div में अपना स्वयं का सीएसएस क्लास जोड़कर इसे ठीक किया गया। यह अधिकतम चौड़ाई सेटिंग को ओवरराइड करता है और मार्कर सामान्य पर वापस आ जाते हैं।

<div id="gmap" class="map_canvas" /> 

.map_canvas img { 
    max-width: none; // just in case it does not work... add !important; 
} 

धन्यवाद डॉ Molle सुझाव के लिए ...

Answer 2

वर्क्स के बिना! महत्वपूर्ण है, और! महत्वपूर्ण अगर यह होने की जरूरत नहीं है नहीं किया जाना चाहिए।

.map_canvas img { 
    max-width: none; 
}