单击此处Maps + REACT中的标记时显示信息气泡

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

const MapWithMarkers = () => {
  const [selectedMarker, setSelectedMarker] = useState(null);

  const handleMarkerClick = (marker) => {
    setSelectedMarker(marker);
  };

  return (
    <Map>
      <Marker position={{ lat: 123, lng: 456 }} onClick={() => handleMarkerClick(marker)}>
        {selectedMarker === marker && (
          <InfoWindow>
            <div>
              <h3>地点名称</h3>
              <p>地址：XXXXXX</p>
              <p>联系方式：XXXXXX</p>
              <p>评分：XXXXXX</p>
              <p>评论：XXXXXX</p>
            </div>
          </InfoWindow>
        )}
      </Marker>
    </Map>
  );
};

export default MapWithMarkers;