Reactjs 模拟点击MarkerCluster+;来自外部地图的标记

Reactjs 模拟点击MarkerCluster+;来自外部地图的标记,reactjs,leaflet,markerclusterer,react-leaflet,Reactjs,Leaflet,Markerclusterer,React Leaflet,我在React传单/标记簇方面遇到了一个棘手的问题 我有一张带有标记簇的地图 <div id="map-container"> <Map> <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />

我在React传单/标记簇方面遇到了一个棘手的问题

我有一张带有标记簇的地图

    <div id="map-container">
            <Map>
                <TileLayer
                    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                />

                <MarkerClusterGroup showCoverageOnHover={false}>
                    { itemsArray.map((item) => {
                        return (
                            <Marker
                                onClick={(e) => mapRef.current.leafletElement.setView(e.latlng)}
                                position={latitude[0], longitude[0]]}>
                                <Popup closeButton={true} autoPan={true} autoPanPadding={[50,50]}>
                                    <Thumbnail
                                        onClick={() => handleClick(item.link)}
                                        src={item.feature_image} />
                                    <div
                                        onClick={() => handleClick(link)} >
                                        <span>{item.title}</span>
                                        <span>&#x2794;</span>
                                    </div>
                                </Popup>
                            </Marker>
                        )
                    })}
                </MarkerClusterGroup>
            </Map>
    </div>

{itemsArray.map((项)=>{
返回(
mapRef.current.ployelement.setView(e.latlng)}
位置={纬度[0],经度[0]}>
handleClick(item.link)}
src={item.feature_image}/>
handleClick(链接)}>
{item.title}
➔;
)
})}
我在地图旁边还有一个元素列表。该列表基于MarkerCluster也基于的itemsArray

                  <ul>
                    {
                        itemsArray.map((item) => {
                            return (
                                <li>
                                    <img src={item.feature_img} />
                                    <h3>{item.title}</h3>
                                </li>
                            )
                        })
                    }
                  </ul>
    { itemsArray.map((项目)=>{ 返回(
  • {item.title}
  • ) }) }
我希望当点击该列表中的一个元素时,地图上相应的标记(不是集群,标记,这很棘手)会触发弹出窗口。也就是说,我尝试了
marker.fire('click')
打开相应的弹出窗口,但不起作用

有人知道吗

非常感谢