【发布时间】：2015-12-15 10:36:20
【问题描述】：
【问题讨论】：
标签： reactjs leaflet markerclusterer markers
【发布时间】：2015-12-15 10:36:20
【问题描述】：
我建议尝试这个 React 组件 https://yuzhva.github.io/react-leaflet-markercluster
那些 React 组件具有与 PruneCluster 类似的功能。
【讨论】：
-
我知道这是一条旧评论，但这个库没有保持最新状态，并且不适用于 react-leaflet。
从 npm 下载 prunecluster。
复制到你本地的js目录。
添加行
exports.PruneCluster = PruneCluster;
那就开始使用吧：
var P = require('../Lib/PruneCluster');
this.clusterGroup = new P.PruneClusterForLeaflet();
作者没有计划使其与 React 兼容。 https://github.com/SINTEF-9012/PruneCluster/issues/102
编辑：
PruneCluster 应该按照官方文档中的方式使用。 问题是，传单是作为反应组件安装的。
更好的答案是从反应组件中公开传单地图对象。
这样您就可以按原样使用 prunecluster。
上面的例子不好，看这个Example，它显示了如何访问传单地图，这是解决方案的一半。 从那里，只需将 Prunecluster 用作普通 JS 并创建图层，然后将其添加到从我的示例中获得的传单地图对象中。
【讨论】：
-
你将如何在反应组件中使用它？您可能应该详细说明。
-
编写一个工作示例并不是一项快速的任务，但是我用 codepen 示例更新了答案。