mapbox-gl双指事件

Mapbox GL JS支持通过鼠标和手势进行交互。在移动设备上，可以使用双指缩放来放大或缩小地图。此外，还可以使用双指手势来旋转地图。

在Mapbox GL JS中，可以通过监听`touchstart`、`touchmove`和`touchend`事件来实现对双指手势的响应。通过判断手指数量、手指位置和移动距离等信息，可以实现双指缩放和旋转等功能。以下是一个例子，演示如何实现双指缩放功能：

var lastTouch = null;

map.on('touchstart', function(e) {
  if (e.touches.length === 2) {
    lastTouch = e.touches;
  }
});

map.on('touchmove', function(e) {
  if (lastTouch !== null && e.touches.length === 2) {
    var distance = getDistance(lastTouch[0], lastTouch[1]) - getDistance(e.touches[0], e.touches[1]);
    map.zoom += distance / 100;
    lastTouch = e.touches;
  }
});

map.on('touchend', function(e) {
  if (e.touches.length < 2) {
    lastTouch = null;
  }
});

function getDistance(p1, p2) {
  var dx = p1.clientX - p2.clientX;
  var dy = p1.clientY - p2.clientY;
  return Math.sqrt(dx * dx + dy * dy);
}

该代码监听了`touchstart`、`touchmove`和`touchend`事件，并在`touchstart`事件中记录了双指位置，然后在`touchmove`事件中计算手指移动距离，并根据距离变化更新地图缩放级别。最后在`touchend`事件中清除双指位置记录。