如何在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的自定义颜色样式

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

Answer 1

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

-webkit-appearance: none;

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

Safari 关于-webkit-appearance的文档