2013-03-08 4 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の特定のプレフィックススタイリングを無視することです。 iPadのでテスト

-webkit-appearance: none; 

内iOSシミュレータrunning iOS 7.1:私は年以上前にこの問題を掲載するので-webkit-appearance

+0

http://jsfiddle.net/dreamyguy/xrHar/91/

Safariのドキュメントには、興味深いことに、Googleマップが変更され、白線ました私のデスクトップコンピュータにも表示されます。上記の修正はそれのために機能していないようです。 – blarg

+0

あまりにも悪いです。私はiPadでフィドルを開き、そこには固定されていました...あなたがデスクトップコンピュータと言うと、どのようなシステムとなり、どのブラウザですか? –

関連する問題