如何确保地图加载了 google-map-react
How to make sure map is loaded with google-map-react
我正在使用 google-map-react
并且需要访问 map
。
我通过以下方式访问 ref:
<GoogleMap ref={ref => this.map = ref} />
当我像这样在 componentDidMount()
上调用 ref 时 this.map.map_
它 returns null 因为地图尚未加载。我需要一种在组件安装时访问它的方法。
我想你可以使用 onGoogleApiLoaded:
handleGoogleApiLoaded = ({map, maps}) => {
map...
}
<GoogleMap
onGoogleApiLoaded={this.handleGoogleApiLoaded}
yesIWantToUseGoogleMapApiInternals
/>
我正在使用 google-map-react
并且需要访问 map
。
我通过以下方式访问 ref:
<GoogleMap ref={ref => this.map = ref} />
当我像这样在 componentDidMount()
上调用 ref 时 this.map.map_
它 returns null 因为地图尚未加载。我需要一种在组件安装时访问它的方法。
我想你可以使用 onGoogleApiLoaded:
handleGoogleApiLoaded = ({map, maps}) => {
map...
}
<GoogleMap
onGoogleApiLoaded={this.handleGoogleApiLoaded}
yesIWantToUseGoogleMapApiInternals
/>