如何解决该项目未完全从 react-leaflet-markercluster 中删除
我有这个任务:程序有一个带有复选框的机器列表。如果复选框处于活动状态,则该机器应显示在地图上。为此,我有一个函数可以在地图上生成一个标记列表。但问题是,如果您选择一台机器并禁用它,则该机器正确地出现和消失,但是当您重新选择这台机器时,标记会重复。
附言该函数正确生成标记。没有集群,一切正常。
const MarkerCluster = (props) => {
const createClusterCustomIcon = function (cluster) {
return L.divIcon({
html: `<span>${cluster.getChildCount()}</span>`,className: "marker-cluster-custom",iconSize: L.point(40,40,true),})
}
const generatorOfCars = useMemo(() => {
const arr = []
props.carList.forEach((group) =>
group.data.forEach((car) => {
if (props.carsOnMap.includes(car.id)) arr.push(car)
})
)
return arr
},[props.carsOnMap,props.carList])
return (
<MarkerClusterGroup
showCoverageOnHover={false}
iconCreateFunction={createClusterCustomIcon}
>
{generatorOfCars.map((car) => (
<MapMarker key={car.id} car={car} />
))}
</MarkerClusterGroup>
)
}
export default MarkerCluster
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。