javascript - 具有 Angular 2 的传单性能

标签 javascript angular leaflet openstreetmap

我正在尝试在传单 map 上加载大量标记

用这个方法:

L.marker([item.latitude, item.longitude]).addTo(this.map);

我循环了至少 100 个标记,之后 map 变得非常卡顿。

有没有一种方法可以优化我想在其上显示大量标记的 map ?

最佳答案

我用过 ngx-leaflet-markerclusterngx-leaflet成功显示4000个标记。该插件使用集群标记和在特定缩放级别动态显示的常规标记的组合。

该插件还会对具有相同坐标的标记进行 spiderfy。

它适用于 Angular 8。

ngx-leaflet-markercluster 使用 leaflet.markercluster看起来像这样:

enter image description here

关于javascript - 具有 Angular 2 的传单性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46364171/

相关文章:

当从 Typescript getter 初始化输入数组时迭代新对象时, Angular Material 按钮不可单击

css - NuxtJS css 提取如何用于生成的静态网站?

javascript - 基本 slider : Place caption under image

javascript - 使用 Electron 从 anchor 标记保存文件

javascript - DIV 在页面上随机淡入

angular - 如何在不更改值的情况下更新/重新绑定(bind)变量?

angular - 有没有办法以 Angular Material 形式显示带有标签的静态文本,其样式类似于输入,以便它们共享排版?

javascript - 使用 leaflet js 将单击类添加到路径

javascript - 如何使用 Leaflet API 从纬度和经度坐标检索 LayerPoint (X, Y)

javascript - 修改 Shopify Polaris 样式 - Reactjs