在 mapboxgl 上捏合缩放整个 chrome window。如何防止这种情况？

Question

我正在使用 mapboxgl 作为我网站内部的映射。当用户尝试在触摸屏上使用两根手指放大时，地图会放大，但随后整个网站也会放大。我该如何做到，如果用户用两根手指放大地图，它不会放大整个网页？

Answer 1

我在为 windows10 kiosk 开发 mapbox 应用程序时遇到了同样的问题。这可以通过我为 mapbox 容器 div.

将触摸操作指定为 none 来修复

#map{
    touch-action:none;
}