Reactjs 模拟点击MarkerCluster+;来自外部地图的标记
我在React传单/标记簇方面遇到了一个棘手的问题 我有一张带有标记簇的地图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" />
<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>➔</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')
打开相应的弹出窗口,但不起作用
有人知道吗
非常感谢