首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在图层组中使用Leaflet.markercluster

如何在图层组中使用Leaflet.markercluster
EN

Stack Overflow用户
提问于 2022-07-19 05:15:37
回答 1查看 139关注 0票数 1

所以我试着用Leaflet.markercluster在我的传单地图上把我的标记分类。目前,我在我的MapContainer函数中使用一个子标记在App()函数中添加标记:

代码语言:javascript
运行
复制
return (
    <MapContainer
      ...
      <AddMarkers />
    </MapContainer>
);

对于上下文,我的AddMarkers函数如下所示:

代码语言:javascript
运行
复制
function AddMarkers() {
  ...
  return (
    <LayerGroup>
      {users.map((user) => (
          <Marker
            ...
          </Marker>
        ))}
    </LayerGroup>
  );
}

Leaflet.markercluster 文档中,它们解释了可以使用以下思想添加标记集群:

代码语言:javascript
运行
复制
var markers = L.markerClusterGroup();
markers.addLayer(L.marker(getRandomLatLng(map)));
... Add more layers ...
map.addLayer(markers);

如何在代码中使用L.markerClusterGroup()方法?我是否需要重写如何在我的MapContainer中添加标记

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-09-20 06:40:04

这是通过将Markers封装在MarkerClusterGroup标记中解决的。

例如:

代码语言:javascript
运行
复制
<MarkerClusterGroup>
      <Marker />
</MarkerClusterGroup>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73031443

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档