如何在react-google-maps中通过代码移动地图？

npm install google-map-react

import React from 'react';
import GoogleMapReact from 'google-map-react';

const AnyReactComponent = () => <div>你的自定义标记</div>;

class Map extends React.Component {
  constructor(props) {
    super(props);
    this.mapRef = React.createRef();
  }

  handleMapLoaded = (map) => {
    this.map = map;
    // 在地图加载完毕后，可以通过this.map来操作地图
    // 可以在这里调用移动地图的方法
    this.moveMap();
  };

  moveMap = () => {
    const { lat, lng } = this.props.center; // 获取地图中心点坐标
    const newCenter = new window.google.maps.LatLng(lat, lng);
    this.map.panTo(newCenter); // 移动地图到新的中心点
  };

  render() {
    const { center, zoom } = this.props;

    return (
      <div style={{ height: '400px', width: '100%' }}>
        <GoogleMapReact
          bootstrapURLKeys={{ key: '你的Google Maps API Key' }}
          defaultCenter={center}
          defaultZoom={zoom}
          yesIWantToUseGoogleMapApiInternals
          onGoogleApiLoaded={({ map }) => this.handleMapLoaded(map)}
        >
          <AnyReactComponent lat={center.lat} lng={center.lng} />
        </GoogleMapReact>
      </div>
    );
  }
}

export default Map;

import React from 'react';
import Map from './Map';

const App = () => {
  const center = {
    lat: 37.7749,
    lng: -122.4194,
  };
  const zoom = 11;

  return (
    <div>
      <h1>地图示例</h1>
      <Map center={center} zoom={zoom} />
    </div>
  );
};

export default App;