2012-03-10 6 views
13

क्या किसी ने Google Maps V3 को jQuery Mobile संस्करण 1.1.0 आरसी 1 या 1.0.1 के साथ अच्छी तरह से नहीं खेला है?jQuery मोबाइल का उपयोग करते समय Google मानचित्र नियंत्रण और InfoWindow टूटा/skewed क्यों हैं?

jQuery 1.7.1 का उपयोग करना।

मानचित्र नियंत्रण & इन्फोविंडो थोड़ा सा skewed हैं।

यदि नक्शा div में से एक को जेड-इंडेक्स से बदलता है: 1 से: 0 तो यह ठीक है।

मेरे पास कोई अतिरिक्त स्टाइल लागू नहीं है इसलिए मुझे लगता है कि यह Google मानचित्र जावास्क्रिप्ट द्वारा किया जा रहा है।

टूटी JSFiddle: http://jsfiddle.net/gyaresu/zDVKn/7/

Broken Google maps controls

संपादित: समाधान अंत में मिल गया! Yaaaaaay!

दूसरा EDIT मानचित्र को सही ढंग से केंद्रित करने के लिए। सामग्री div के अंदर अलग नक्शा div निकालें।

http://jsfiddle.net/zDVKn/9/

धन्यवाद। नक्शा div सही केंद्रित सक्षम करने के लिए हटा दिया साथ अंतिम संस्करण:

#map_canvas img { 
max-width: none; 
} 

टूटी JSFiddle: http://jsfiddle.net/gyaresu/zDVKn/8/

संपादित: http://jsfiddle.net/gyaresu/zDVKn/7/

सीएसएस फिक्स के साथ

जी

उत्तर

49

अपने सीएसएस करने के लिए इस जोड़े ।

http://jsfiddle.net/zDVKn/9/

+2

धन्यवाद कि मेरी समस्या ठीक हो गई है! – paul

+1

खुशी है कि मैं मदद कर सकता हूं। अपवोट करने के लिए स्वतंत्र महसूस करें :) – Gareth

+3

मुझे एक ही समस्या थी। धन्यवाद :) – Jaseem

0

यह समस्या इसलिए होती है यदि आप angular-google-maps भी प्रयोग कर रहे हैं। स्वीकृत उत्तर के बजाय निम्नलिखित के साथ ठीक करें:

.angular-google-map img { 
    max-width: inherit; 
} 
संबंधित मुद्दे