我正在尝试在填充 100% 页面的布局上实现 MapBox。我已经禁用了 map 缩放选项,但是当尝试在 map 填充视口(viewport)的触摸设备上滚动时会出现问题。我可以覆盖它还是让浏览器将其视为图像?
最佳答案
是的,您可以通过将传单函数设置为不执行任何操作来阻止 Mapbox 监听器阻止默认操作:
L.DomEvent.preventDefault = function(e) {return;}
要删除浏览器放置在元素周围的轮廓,否则会被阻止,您可以添加:
*:focus {
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
}
这允许我在触摸设备上滚动,尽管我只在 Android 上测试过。请注意,这可能会对您的应用程序产生其他影响 - 这些可能可以通过进入 mapbox.js 并仅从您需要的监听器中删除此调用来避免。
关于javascript - 触摸 MapBox 滚动页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18075867/