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

时间:2013-03-08 12:05:18

标签: ipad google-maps-api-3

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

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 个答案:

答案 0 :(得分:1)

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

-webkit-appearance: none;

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

Safari -webkit-appearance

上的文档