如何使用React Google Maps API访问Map对象？

npm install @react-google-maps/api

import { GoogleMap, LoadScript } from '@react-google-maps/api';

function MapComponent() {
  const mapContainerStyle = {
    width: '400px',
    height: '400px'
  };

  const center = {
    lat: 37.7749,
    lng: -122.4194
  };

  const zoom = 10;

  return (
    <LoadScript googleMapsApiKey="YOUR_API_KEY">
      <GoogleMap
        mapContainerStyle={mapContainerStyle}
        center={center}
        zoom={zoom}
      />
    </LoadScript>
  );
}

import { GoogleMap, LoadScript, useMap } from '@react-google-maps/api';

function MapComponent() {
  // ...

  const onMapLoad = (map) => {
    // 在这里可以访问到Map对象
    console.log(map);
  };

  return (
    <LoadScript googleMapsApiKey="YOUR_API_KEY">
      <GoogleMap
        mapContainerStyle={mapContainerStyle}
        center={center}
        zoom={zoom}
        onLoad={onMapLoad} // 调用onLoad回调函数
      />
    </LoadScript>
  );
}