सीएसएस स्टाइलिंग मेरे Google मानचित्र ज़ूमिंग को विकृत क्यों करती है?

Question

यहाँ है एक टूटी हुई संस्करण बूटस्ट्रैप स्टाइल

http://jsfiddle.net/3sjAU/

साथ (विजेट नहीं रह गया है ठीक से प्रदर्शित किया जाता है ज़ूम) यह क्यों तोड़ करता है यहाँ एक काम कर संस्करण

http://jsfiddle.net/tH78C/

है?

Answer 1

बूटस्ट्रैप.css लाइन 69max-width: 100%; समस्या का कारण बन रहा है।

img { 
max-width: 100%; <-- 
vertical-align: middle; 
border: 0; 
-ms-interpolation-mode: bicubic; 
} 

आप इसे हटा सकते हैं और यदि आवश्यक हो फिर सिर्फ एक नया वर्ग .newclass {max-width:100%} निर्दिष्ट और छवि में जोड़ें।

Answer 2

आप अलग-अलग नक्शे उदा .:

.googleMapContainer img { 
    max-width: none !important; 
} 

Answer 3

मैं यहाँ क्या सूचीबद्ध किया गया पर एक मामूली बदलाव के साथ यह तय करने के लिए इसे ठीक कर सकते हैं।

.gm-style img { 
    max-width: none; 
} 

Answer 4

सिर्फ इस कोड को कॉपी

.angular-google-map img { 
    max-width: none !important; 
}