mapbox-gl量测当前位置高度

要量测当前位置的高度，你可以结合Mapbox GL JS和Mapbox的Elevation API来实现。以下是一些步骤：

1.首先，你需要获取用户的当前位置。你可以使用HTML5 Geolocation API 或者Mapbox的Geolocation Control来实现。这里我们以Mapbox的Geolocation Control为例：

// 添加 geolocation 控件
var geolocate = new mapboxgl.GeolocateControl({
    positionOptions: {
        enableHighAccuracy: true
    },
    trackUserLocation: true
});
map.addControl(geolocate);

2.一旦获取到用户的当前位置，你可以使用Mapbox的Elevation API来获取该位置的高度信息。以下是一个示例代码：

// 获取当前位置的高度信息
geolocate.on('geolocate', function(e) {
  var lngLat = [e.coords.longitude, e.coords.latitude];
  var url = 'https://api.mapbox.com/v4/mapbox.mapbox-terrain-v2/tilequery/' + lngLat[0] + ',' + lngLat[1] + '.json?layers=contour&access_token=' + mapboxgl.accessToken;
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onload = function () {
    if (xhr.status === 200) {
      var data = JSON.parse(xhr.responseText);
      var elevation = data.features[0].properties.ele;
      console.log('当前位置高度为：' + elevation);
    }
  };
  xhr.send();
});

在上述代码中，我们首先获取了用户的当前位置，然后使用Mapbox的Elevation API来获取该位置的高度信息，最后将高度信息输出到控制台。请注意，你需要将你的Mapbox Access Token替换为上述代码中的`mapboxgl.accessToken`。

3.要量测当前位置的高度，你需要获取用户的点击位置，并使用同样的方法来获取该位置的高度信息。以下是一个示例代码：

// 添加 click 事件监听器
map.on('click', function(e) {
  var lngLat = e.lngLat.toArray();
  var url = 'https://api.mapbox.com/v4/mapbox.mapbox-terrain-v2/tilequery/' + lngLat[0] + ',' + lngLat[1] + '.json?layers=contour&access_token=' + mapboxgl.accessToken;
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onload = function () {
    if (xhr.status === 200) {
      var data = JSON.parse(xhr.responseText);
      var elevation = data.features[0].properties.ele;
      console.log('点击位置高度为：' + elevation);
    }
  };
  xhr.send();
});

在上述代码中，我们添加了一个`click`事件监听器，来获取用户点击的位置，并使用Mapbox的Elevation API来获取该位置的高度信息，最后将高度信息输出到控制台。

请注意，上述代码仅提供了一个基本的示例，如果你需要更加准确的高度信息，你可以使用更加精细的高度数据源，例如Mapbox的Terrain RGB API。