基本上我的目的是画一个圆,并以状态变化为中心。
我面临的问题是“ onGoogleApiLoaded”仅被调用一次,我无法调用此函数或在状态更新时更改半径或圆,有什么办法可以实现我的目标?
<GoogleMapReact
bootstrapURLKeys={{ key: process.env.GOOGLE_API_KEY }}
center={this.state.center}
zoom={this.state.zoom}
onGoogleApiLoaded={({map, maps}) => {
new google.maps.Circle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.3,
map,
center: this.state.center, //{lat:22.704892, lng:75.909964}
radius:this.state.radius //800,
})
}}
yesIWantToUseGoogleMapApiInternals={true}
>
<MyChildComponent/>
</GoogleMapReact>