关于高德地图矢量图数据量过大卡顿问题

Question

一个项目 需要用矢量图展示 后端返回了大概4000多条数据 在地图上分不同颜色展示

代码是按照高德官方API给出的实例正常写的

内容还是能展示 就是特别卡 数据处理不到一秒钟 就是地图在渲染矢量的过程中会有7秒左右的卡顿 期间浏览器完全不能动 很影响体验

我想试着用图片来代替矢量图 但是图片不会随着地图缩放

请问有没有解决方案

Answer 1

你一下子请求了4000多条？ 接口相应时间是多少？

你可以试着 分层加载 ，地图一般都有个 level层级， 比如当前层级很小，那就展示 几个，当放大的时候 再加载另一部分 。

你看地图 很小的时候只显示 范围轮廓，当你放大，就显示 取县信息，再放大 就会显示 区县里的街道商铺 。 一个道理，他要是 一次展示，肯定很卡顿 ，所以他才分层根据 地图缩放等级 来 请求不同数据。