如何在google地图react js上移动标记

import React, { Component } from 'react';
import { Map, Marker, GoogleApiWrapper } from 'google-maps-react';

class MapContainer extends Component {
  constructor(props) {
    super(props);
    this.state = {
      markerPosition: { lat: 37.7749, lng: -122.4194 } // 初始标记位置
    };
  }

  handleMapClick = (mapProps, map, clickEvent) => {
    // 更新标记位置
    this.setState({ markerPosition: clickEvent.latLng });
  }

  render() {
    return (
      <Map
        google={this.props.google}
        zoom={14}
        initialCenter={{ lat: 37.7749, lng: -122.4194 }} // 初始地图中心位置
        onClick={this.handleMapClick} // 点击地图时触发事件
      >
        <Marker
          position={this.state.markerPosition} // 标记位置
        />
      </Map>
    );
  }
}

export default GoogleApiWrapper({
  apiKey: 'YOUR_GOOGLE_MAPS_API_KEY' // 替换为你的Google Maps API密钥
})(MapContainer);