Mapbox React queryTerrainElevation 返回 null

Question

我正在嘗試使用 mapbox 獲取 map 上某些坐標的高程。 根據文檔，我可以使用queryTerrainElevation 。

示例代碼：

map.on("click", (data) => {
  console.log(data);
  const elevation = map?.queryTerrainElevation(data.lngLat, {
    exaggerated: true,
  });
  console.log("Elevation: " + elevation)
});

控制台日志：

使用具有相同坐標的 mapbox tilequery：

 https://api.mapbox.com/v4/mapbox.mapbox-terrain-v2/tilequery/95.9345,41.2565.json?access_token=<mapbox_token>

響應中有一個高程值：

Answer 1

您必須在加載樣式后添加自定義層。 因此，此時地形值不會更新。 這就是你得到 null 的原因。這樣做應該可以。

map.on('load', () => {
map.addLayer(customLayer, 'waterway-label');
})

這會在加載 map 后運行圖層代碼。 而不僅僅是風格。