如何在iPad上使用Google Maps API时删除白线？

Question

我正在使用自定义样式使用Google Maps API V3创建蓝色地图。

它可以在桌面上的不同浏览器中呈现，但是当我在iPad上查看时，会出现一条垂直的白线。此外，滚动时有一条水平线，如上图所示。

这是我的代码的JSFiddle示例。

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

JSFiddle of custom colour styling

有没有办法删除或平滑这些线？

Answer 1

解决方案是忽略所有webkit的特定前缀样式。

-webkit-appearance: none;

在 iOS模拟器中的 iPad 上进行测试，running iOS 7.1：http://jsfiddle.net/dreamyguy/xrHar/91/

Safari -webkit-appearance

上的文档