如何获得React-Mapbox-GL的当前缩放？

Question

如何在react mapbox gl中获取当前缩放的地图？

套餐：https://github.com/alex3165/react-mapbox-gl/tree/0df46b1dcf194cdf140638f653221d8a82f0b195

我试过“如何开始”的示例，在getZoom上使用Map方法，但它不起作用。我有错误，Map.getZoom不是一个函数。

编辑================

当我尝试通过refs访问它时，我有像截图一样的问题。如何获得这个.state.map.e哪个有我的getZoom函数？

Answer 1

您正在使用的Map是ReactMapboxGl对象，它是mapbox-gl-js的包装。您想在mapboxgl.Map对象上调用getZoom()。

  

要使用原始Mapbox API使用onStyleLoad属性，回调函数将接收地图对象作为第一个参数，然后您可以在react-mapbox-gl旁边添加自己的逻辑。 [source]

所以你可以从：

获得它

<ReactMapboxGl onStyleLoad={ el => this.map = el } />

然后你可以在这里使用它：

componentDidMount() {
    const currentZoom = this.map.getZoom();
}