如何在react-google-maps中嵌入文本视图？

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

class MapComponent extends Component {
  state = {
    markers: [
      { id: 1, position: { lat: 37.7749, lng: -122.4194 }, isOpen: false },
      { id: 2, position: { lat: 37.3382, lng: -121.8863 }, isOpen: false },
    ],
  };

  handleMarkerClick = (markerId) => {
    this.setState((prevState) => ({
      markers: prevState.markers.map((marker) => ({
        ...marker,
        isOpen: marker.id === markerId ? !marker.isOpen : false,
      })),
    }));
  };

  render() {
    const { markers } = this.state;

    const MapWithAMarker = withGoogleMap(() => (
      <GoogleMap
        defaultZoom={10}
        defaultCenter={{ lat: 37.7749, lng: -122.4194 }}
      >
        {markers.map((marker) => (
          <Marker
            key={marker.id}
            position={marker.position}
            onClick={() => this.handleMarkerClick(marker.id)}
          >
            {marker.isOpen && (
              <InfoWindow onCloseClick={() => this.handleMarkerClick(marker.id)}>
                <div>
                  <h3>InfoWindow Title</h3>
                  <p>InfoWindow Content</p>
                </div>
              </InfoWindow>
            )}
          </Marker>
        ))}
      </GoogleMap>
    ));

    return (
      <div style={{ height: '500px', width: '100%' }}>
        <MapWithAMarker
          containerElement={<div style={{ height: '100%' }} />}
          mapElement={<div style={{ height: '100%' }} />}
        />
      </div>
    );
  }
}

export default MapComponent;