React-mapbox gl在无状态功能组件中访问Map的“缩放”

时间:2019-08-09 23:03:13

标签: javascript reactjs react-hooks mapbox-gl-js

我需要能够访问地图的当前“缩放”级别以动态呈现内容。有什么办法可以在无状态功能组件中做到这一点?我见过this question,它仅适用于类组件。

我查看了当前问题,并尝试将地图提供给道具,但这些解决方案似乎都不起作用。

const Map = ReactMapboxGl({
  accessToken: AT
 });
 const MapPortion = (props) => {
 const [mapOptions, setMapOptions] = useState({zoom: [4]});
 const someZoomFunction = () => {
  // do stuff to setMapOptions({})
 }
 return (
  <Map
      zoom={zoom}
      containerStyle={{
        height: "90%",
        width: "100%"
      }}
  />

 )
}

我不想重写我仅需要访问缩放的所有内容。预先感谢!

1 个答案:

答案 0 :(得分:0)

解决了这个问题。看到此问题:https://github.com/alex3165/react-mapbox-gl/issues/763