Javascript 反应谷歌地图，更新标记

我想获取地图容器角点，并在onIdle事件之后转换为google maps坐标我想更新标记和我的列表组件， 使用谷歌地图 请帮忙， 谢谢

从“lodash”导入； 从“React”导入React，{Component，PropTypes}； 从“antd”导入{Col}； 从“反应谷歌地图”导入{withGoogleMap，GoogleMap，Marker，Polygon}； 从“react google maps/lib/addons/MarkerClusterer”导入MarkerClusterer； 从“react google maps/lib/async/withScriptjs”导入withScriptjs； 常量AsyncGoogleMap=\ u0.flowRight( 用ScriptJS， 用谷歌地图 )（道具=>( {/*imagePath={./styles/images/blue pin'}*/} {props.markers.map（marker=>( ))} {/* */} )); 导出默认类AsyncGoogleMapComponent扩展组件{ 建造师（道具）{ 超级（道具） 此.state={ 标记：[]， }; } 组件将接收道具（新道具）{ {/*console.log（newProps.projects）；*/} 这是我的国家({ 标记：newProps.projects }) } componentDidMount（）{ } render（）{ {/*console.log（this.state.markers）；*/} 返回( {console.log（'map is ready'）} markers={this.state.markers} /> ); } }

---

首先，您可以定义onChange映射处理程序：

<GoogleMap
 onChange={props.onMapChange}
/>

<GoogleMap
 onChange={props.onMapChange}
/>

<AsyncGoogleMap 
 onMapChange={this.handleMapChange}
/>

  handleMapChange = ({ center, zoom, bounds }) => {
    ....
    this.updateMarkers();
  };