google-maps-react 在加载时设置 activeMarker

如何解决google-maps-react 在加载时设置 activeMarker

我有一个 React 应用，使用 google-maps-react 在从第三方 API 提取的地图上显示位置。

目前，我已将其设置为在单击时显示信息窗口 - 但我希望能够添加功能以在页面加载时打开某个标记。我有想要显示的 current 元素的 ID，但找不到有关如何使用 google-maps-react 包创建新标记的参考，然后使用 setActiveMarker(marker)。

下面是我为地图设置状态的示例代码。

import { Map,InfoWindow,Marker,GoogleApiWrapper } from 'google-maps-react';
import InfoWindowContent from './InfoWindowContent';

...

    const [ showingInfoWindow,setShowingInfoWindow] = useState((props.current !== undefined));
    const [ activeMarker,setActiveMarker ] = useState(null);
    const [ selectedplace,setSelectedplace ] = useState({});
 
    const onMarkerClick = (props,marker,e) => {
        setSelectedplace(props);
        setActiveMarker(marker);
        setShowingInfoWindow(true);
    }

...

export default GoogleApiWrapper({
    apiKey: ('XXX')
})(MapContainer)

任何帮助将不胜感激，谢谢！