有什么方法可以使用google-map-react更新圈子的中心吗?

时间:2019-12-09 13:58:52

标签: reactjs google-maps components google-map-react

基本上我的目的是画一个圆,并以状态变化为中心。

我面临的问题是“ 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>

0 个答案:

没有答案