将Supercluster库与Angular Google Maps集成在一起?

时间:2019-03-29 19:53:07

标签: google-maps markerclusterer angular-google-maps

如何在角度数据层上应用聚类?数据层由点geojson提供支持,并且有超过10万个点。在浏览器上渲染很多点很慢。谷歌角地图具有标记聚类器,但没有数据层聚类器。因此,我联系了Supercluster进行数据层群集。

我遇到了Supercluster库来进行集群。但是找不到从Supercluster提取集群并将其显示在Google Maps上的示例。当用户放大时,我们是否需要编写自定义代码来在群集中渲染点?

我在Angular 7项目中集成了Supercluster库。调用getClusters()并获得集群数组(8个项目)。我将此集群数组分配给geojson ['features'],此geojson控制在地图上显示的点。 完成此操作后,我可以在地图上看到8个群集项。但是当用户放大或单击群集时如何显示这些单独的点?

        // cluster GeoJSON points
        var index = new Supercluster({ radius: 40, maxZoom: 16 }).load(
          this.mapData["features"]
        );

        // get GeoJSON clusters given a bounding box and zoom
        var clusters = index.getClusters([-180, -85, 180, 85], 2);

        this.mapData["features"] = clusters;

mapData ['features']大约有3000点。 clusters是一个数组,包含8个项目。

如何在放大事件或单击事件中显示群集中的各个点?任何示例代码,文章或文档都将非常有用。

0 个答案:

没有答案