javascript - 如何在React-Mapbox-GL中获得当前缩放？

我如何在React Mapbox gl中获得当前 map 缩放比例？

包装:https://github.com/alex3165/react-mapbox-gl/tree/0df46b1dcf194cdf140638f653221d8a82f0b195

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

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

当我尝试通过引用访问它时，我遇到了类似屏幕截图的问题。如何获得具有我的getZoom功能的.state.map.e？

最佳答案

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



因此，您可以从以下位置获取它:

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

然后您可以在这里使用它:

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