高德地图加载海量点

最新推荐文章于 2025-06-18 17:32:11 发布

芥小沫

最新推荐文章于 2025-06-18 17:32:11 发布

阅读量1.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：高德地图文章标签：高德地图

本文链接：https://blog.youkuaiyun.com/GC_YJQ/article/details/54633279

在项目中遇到3000多个点标记加载缓慢的问题，通过研究高德地图API，发现MassMarks图层专门用于处理此类情况。推荐在点数量超过1000时使用，以提高性能。MassMarks的属性包括zIndex、zooms、anchor、url和size等，常用方法有set/getMap、set/getStyle和set/getData。示例展示了如何设置和更新数据集。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中需要加载的点标记过多（3000+），加载速度特别慢，所以为了解决此问题特别查阅了一下高德的API，发现在其对图层的介绍时有一个为加载海量麻点的图层可以解决此问题，故将此段代码拿出来以供查阅。注：建议在加载点至少在1000以上时再使用，亲测数据较少时，单个标记要更合适。

MassMarks 类
【常用属性】
zIndex【Number】：图层叠加的顺序值，0表示最底层。默认zIndex：5 ；
zooms【Array】：支持的缩放级别范围，默认范围[3-18]，在PC上，取值范围为[3-18]；在移动设备上，取值范围为[3-19] ；
anchor【Pixel】：必填参数，图标显示位置偏移量，以图标的左上角为基准点（0,0）点；
url【String】：必填参数,图标的地址；
size【Size】:必填参数，图标的尺寸;
【常用方法】
set/getMap(map:Map) ：设置/获取显示MassMark的地图对象;
set/getStyle(style:Object):设置/获取MassMark的显示样式，style里面包含图标的anchor、url和size ;
set/getData(data:Object) :设置/输出MassMark展现的数据集，数据集格式为：, data: Array 坐标数据集. 例：data: [{lnglat: [116.405285, 39.904989], name: i,id:1},{}, …],{}, …]}
【例