2012-08-10 10 views
6

मेरे पास Google मानचित्र समस्या है, ज़ूम बटन को छोड़कर सब कुछ काम करने लगता हैGoogle मानचित्र का ज़ूम अजीब लग रहा है

यहां मानचित्र की एक छवि है। enter image description here

मुझे लगता है कि कुछ ओवरलैपिंग है लेकिन मुझे सच में यकीन नहीं है।

उत्तर

6

सबसे पहले, आपके द्वारा प्रदान किया गया लिंक काम नहीं कर रहा है।

यह समस्या आमतौर पर सीएसएस (मुझे लगता है कि यह बूटस्ट्रैप.cएसएस) के कारण है, जो Google मानचित्र नियंत्रण को गड़बड़ कर देता है। लाइन वाले कोड के लिए जांचें: max-width:100%

आपको इसे हटाना होगा।

अगर यह काम करता है तो इसे जांचें।

+0

धन्यवाद यह समस्या वास्तव में क्या थी। मुझे अधिकतम चौड़ाई को हटाना पड़ा: 100%; bootstrap.css – Jazzy

12

लगता है कि मुझे बहुत देर हो चुकी है, फिर भी मेरे विचार साझा करने के लिए सोचा।

लाइब्रेरी के कोर सीएसएस को संपादित करना अच्छा नहीं है। बल्कि हम इसे ओवरराइड कर सकते हैं

यह इस

#mapDiv img{ max-width: none; } 
+0

के img भाग से मैं विश्वास नहीं कर सकता! धन्यवाद! –

0

Bootstrap.css वास्तव में एक वर्ग का आह्वान किया है मैं क्या used.try है गूगल-नक्शे कि करने के लिए img की अधिकतम-चौड़ाई सेट हो जाएगा कोई नहीं। Twitter Bootstrap CSS affecting Google Maps

3

गूगल मैप्स एपीआई के नवीनतम संस्करण के साथ आप इस की जरूरत है: bootstrap.css में कोड

#map_canvas img, .google-maps img{max-width:none}

यहाँ StackOverflow पर सवाल के लिए एक लिंक है :

<style> 
    .gm-style img { max-width: none; } 
    .gm-style label { width: auto; display: inline; } 
</style> 

उत्तर: https://stackoverflow.com/a/19339767/3041072