2013-03-08 9 views
9

मैं Google मानचित्र API V3 का उपयोग करके नीली नक्शा बनाने के लिए कस्टम स्टाइल का उपयोग कर रहा हूं।आईपैड पर Google मानचित्र एपीआई का उपयोग करते समय सफेद लाइनों को कैसे हटाया जाए?

example when scrolling on iPad

यह एक डेस्कटॉप पर विभिन्न ब्राउज़र में ठीक renders, लेकिन जब मैं एक iPad पर देख वहाँ एक खड़ी सफेद लाइन मौजूद है। इसके अलावा, जब ऊपर की तस्वीर में दिखाया गया है, वहां स्क्रॉल करते समय एक क्षैतिज रेखा होती है।

यहां मेरे कोड का एक JSFiddle उदाहरण है।

var myOptions = { 
      zoom: 5, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      disableDefaultUI: true, 
      styles: styles 
     }; 

JSFiddle of custom colour styling

वहाँ हटाने या इन पंक्तियों के बाहर चिकनी के लिए एक रास्ता है?

उत्तर

1

समाधान सभी वेबकिट के विशिष्ट उपसर्ग स्टाइल को अनदेखा करना होगा।

-webkit-appearance: none; 

सिम्युलेटर, running iOS 7.1 आईपैडपर परीक्षण किया गया आईओएस के भीतर: http://jsfiddle.net/dreamyguy/xrHar/91/

-webkit-appearance

+0

दिलचस्प बात यह है के बाद से मैं और एक साल पहले गूगल मैप्स बदल गया है पर इस समस्या सफेद लाइनों तैनात पर सफारी के दस्तावेज़ मेरे डेस्कटॉप कंप्यूटर पर भी दिखाई दें। उपर्युक्त फिक्स उस के लिए काम नहीं कर रहा है। – blarg

+0

अच्छा, बहुत बुरा। मैंने एक आईपैड पर अपना बेवकूफ खोला, और यह वहां तय किया गया था ... जब आप डेस्कटॉप कंप्यूटर कहते हैं, तो यह कौन सा सिस्टम होगा और कौन सा ब्राउज़र होगा? –

संबंधित मुद्दे