百度地图
文章平均质量分 75
小半Annie
前端学习之路
展开
-
百度地图 标记聚合器MarkerClusterer结合TextIconOverlay,根据标记点的属性更换聚合器的样式
一、问题公司的项目中在百度地图上生成了成千上万的点,所以使用了标记聚合器MarkerClusterer来处理海量点,但是每个点根据异常类型,分为正常(绿色)和异常(红色),这时如果用了聚合器,只有没被聚合的时候才能看得出来是否异常,因此处理逻辑是,一个聚合如果包含一个及以上的异常点,则显示红色。不包含任何异常点就显示绿色图片效果如下: 缩小后 二、解决方案:1、生成标记marker时,添加是否异常的属性值let marker = new BMap.Marker(new BMap原创 2021-04-23 16:44:32 · 2543 阅读 · 1 评论 -
百度地图采用MarkerClusterer生成聚合点,解决海量点造成地图卡顿的问题
一、问题最近在做公司的一个项目,需要在百度地图生成海量点,最开始只是把全部的marker一起显示到地图上,因为一次生成的点比较多,会发生地图卡顿等问题;二、解决方案:MarkerClusterer百度地图-JS API官方文档MarkerClusterer:多标注聚合器。此工具解决加载大量点要素到地图上造成缓慢,且产生覆盖现象的问题。步骤:1、在html文件中引入MarkerClusterer_min.js 、 TextIconOverlay_min.js 文件MarkerClustere原创 2021-04-22 16:22:32 · 5151 阅读 · 0 评论