我正在使用自定义样式使用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
有没有办法删除或平滑这些线?
答案 0 :(得分:1)
解决方案是忽略所有webkit的特定前缀样式。
-webkit-appearance: none;
在 iOS模拟器中的 iPad 上进行测试,running iOS 7.1
:http://jsfiddle.net/dreamyguy/xrHar/91/
Safari -webkit-appearance
上的文档