react-google-maps:如何使用fitBounds，panBy，panTo，panToBounds公共API？

import { withGoogleMap, GoogleMap } from 'react-google-maps';

const MapComponent = withGoogleMap(props => (
  <GoogleMap ref={props.onMapLoad}>
    {/* Map content */}
  </GoogleMap>
));

class MyMap extends React.Component {
  handleMapLoad = map => {
    const bounds = new window.google.maps.LatLngBounds(
      new window.google.maps.LatLng(lat1, lng1),
      new window.google.maps.LatLng(lat2, lng2)
    );
    map.fitBounds(bounds);
  };

  render() {
    return (
      <MapComponent
        containerElement={<div style={{ height: '100%' }} />}
        mapElement={<div style={{ height: '100%' }} />}
        onMapLoad={this.handleMapLoad}
      />
    );
  }
}

class MyMap extends React.Component {
  handlePanBy = () => {
    const map = this.refs.map;
    map.panBy(100, 100); // 平移地图视图100像素向右和向下
  };

  render() {
    return (
      <MapComponent
        ref="map"
        containerElement={<div style={{ height: '100%' }} />}
        mapElement={<div style={{ height: '100%' }} />}
      />
      <button onClick={this.handlePanBy}>Pan By</button>
    );
  }
}

class MyMap extends React.Component {
  handlePanTo = () => {
    const map = this.refs.map;
    const position = { lat: 37.7749, lng: -122.4194 }; // 目标地理坐标
    map.panTo(position); // 平移到目标地理坐标
  };

  render() {
    return (
      <MapComponent
        ref="map"
        containerElement={<div style={{ height: '100%' }} />}
        mapElement={<div style={{ height: '100%' }} />}
      />
      <button onClick={this.handlePanTo}>Pan To</button>
    );
  }
}

class MyMap extends React.Component {
  handlePanToBounds = () => {
    const map = this.refs.map;
    const bounds = new window.google.maps.LatLngBounds(
      new window.google.maps.LatLng(lat1, lng1),
      new window.google.maps.LatLng(lat2, lng2)
    );
    map.panToBounds(bounds); // 调整地图视图以适应边界框并平移到中心
  };

  render() {
    return (
      <MapComponent
        ref="map"
        containerElement={<div style={{ height: '100%' }} />}
        mapElement={<div style={{ height: '100%' }} />}
      />
      <button onClick={this.handlePanToBounds}>Pan To Bounds</button>
    );
  }
}