mapbox-gl 双指移动球指南针动

如果你想在 Mapbox GL 中实现双指移动球来旋转指南针的效果，可以通过监听地图的 `touchmove` 事件，并根据两个触摸点的位置计算旋转角度来实现。

首先，在创建地图实例时，将指南针控件保存到一个变量中：

var compass = new mapboxgl.CompassControl({
  position: 'top-left',
  style: 'mapbox://styles/mapbox/mapbox-improve-map/1.0.0/mapbox-improve-map',
  rotateInner: true,
  showDigit: true
});
map.addControl(compass, 'top-left');

然后，在地图的 `touchmove` 事件中实现旋转指南针的效果：

var touchStart;
map.on('touchstart', function(e) {
  if (e.touches.length === 2) {
    // 保存触摸点位置
    touchStart = [e.touches[0].clientX, e.touches[1].clientY];
  }
});

map.on('touchmove', function(e) {
  if (e.touches.length === 2) {
    // 计算旋转角度
    var touchEnd = [e.touches[0].clientX, e.touches[1].clientY];
    var angle = Math.atan2(touchEnd[1] - touchStart[1], touchEnd[0] - touchStart[0]) * 180 / Math.PI;
    compass.rotateCompass(angle);
  }
});

在上面的代码中，我们首先在 `touchstart` 事件中保存两个触摸点的位置，然后在 `touchmove` 事件中根据这两个位置计算旋转角度，并调用 `rotateCompass()` 方法来旋转指南针。

注意，由于 `touchmove` 事件会频繁触发，因此在实际应用中可能需要对代码进行优化，避免性能问题。