javascript - 触摸 MapBox 滚动页面

Question

我正在尝试在填充 100% 页面的布局上实现 MapBox。我已经禁用了 map 缩放选项，但是当尝试在 map 填充视口(viewport)的触摸设备上滚动时会出现问题。我可以覆盖它还是让浏览器将其视为图像？

Answer 1

是的，您可以通过将传单函数设置为不执行任何操作来阻止 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 并仅从您需要的监听器中删除此调用来避免。