ipad - 在 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的文档