2013-03-08 37 views
9

我使用自定義樣式來使用Google Maps API V3創建藍色地圖。如何在iPad上使用Google Maps API時刪除白線?

example when scrolling on iPad

它呈現在不同瀏覽器精細在桌面上,但是當我觀看在iPad有一個垂直的白線存在。此外,滾動時會出現水平線,如上圖所示。

這裏是我的代碼在JSFiddle的例子。

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

JSFiddle of custom colour styling

有沒有一種方法,以消除或平滑這些行?

回答

1

解決方法是忽略所有webkit的特定前綴樣式。

-webkit-appearance: none; 

iOS版中測試在的iPad模擬器running iOS 7.1http://jsfiddle.net/dreamyguy/xrHar/91/

Safari的上-webkit-appearance

+0

有趣的是,因爲我張貼這個問題在一年前谷歌地圖已經改變以及白線文檔也出現在我的臺式電腦上。上述修復似乎不適用於此。 – blarg 2014-05-12 15:17:40

+0

好吧,太糟糕了。我在iPad上打開了我的小提琴,它在那裏被修復了......當你說臺式電腦時,會是什麼系統和什麼瀏覽器? – 2014-05-12 20:06:33

相關問題