9

カスタム スタイルを使用して、Google Maps API V3 を使用して青い地図を作成しています。

iPadでスクロールする場合の例

デスクトップのさまざまなブラウザーで正常にレンダリングされますが、iPad で表示すると、垂直の白い線が表示されます。さらに、スクロールすると、上の写真のように横線が表示されます。

これは、実際のコードの JSFiddle の例です。

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

カスタム カラー スタイリングの JSFiddle

これらの線を削除または滑らかにする方法はありますか?

4

1 に答える 1

1

解決策は、Webkit の特定のプレフィックス スタイルをすべて無視することです。

-webkit-appearance: none;

iOS シミュレータ内のiPadでテスト済み: http://jsfiddle.net/dreamyguy/xrHar/91/running iOS 7.1

-webkit-appearanceに関する Safari のドキュメント

于 2014-05-11T08:09:43.853 に答える