无法在react-google- infoWindow中呈现地图

import React, { useState } from 'react';
import { GoogleMap, Marker, InfoWindow } from 'react-google-maps';

const MapWithInfoWindow = () => {
  const [isOpen, setIsOpen] = useState(false);

  const handleMarkerClick = () => {
    setIsOpen(true);
  };

  const handleInfoWindowClose = () => {
    setIsOpen(false);
  };

  return (
    <GoogleMap>
      <Marker onClick={handleMarkerClick} />
      {isOpen && (
        <InfoWindow onCloseClick={handleInfoWindowClose}>
          <div style={{ width: '300px', height: '300px' }}>
            {/* 在这里嵌套一个包含地图的组件 */}
            {/* 可以使用任何支持Google Maps的第三方库，如google-maps-react */}
          </div>
        </InfoWindow>
      )}
    </GoogleMap>
  );
};

export default MapWithInfoWindow;