mapbox-gl 指南针

要在 Mapbox GL 中添加指南针，你可以使用 `mapbox-gl-compass` 插件。首先，在你的 HTML 文件中引入该插件：

<link href='https://unpkg.com/@mapbox/mapbox-gl-compass@0.2.0/dist/mapbox-gl-compass.min.css' rel='stylesheet' />
<script src='https://unpkg.com/@mapbox/mapbox-gl-compass@0.2.0/dist/mapbox-gl-compass.min.js'></script>

然后，在创建地图实例时，将该插件添加到地图的控件列表中：

map.addControl(new mapboxgl.AttributionControl(), 'bottom-right');
map.addControl(new mapboxgl.NavigationControl(), 'top-right');
map.addControl(new mapboxgl.ScaleControl(), 'bottom-left');
map.addControl(new mapboxgl.CompassControl(), 'top-left'); // 添加指南针控件

这样就可以在地图左上角添加一个指南针了。你还可以通过设置 `CompassControl` 的属性来调整指南针的样式和位置，例如：

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

其中，`position` 参数用于指定指南针在地图中的位置，`style` 参数是一个样式 URL，用于指定指南针的样式，`rotateInner` 参数用于指定是否旋转指南针内部的小圆圈，`showDigit` 参数用于指定是否在指南针周围显示方向的角度值。

注意，`mapbox-gl-compass` 插件需要 Mapbox GL 版本在 1.3.0 或以上才能正常使用。