【文件属性】：
文件名称：amap-data-tile:高德地图海量数据展示优化
文件大小：177KB
文件格式：ZIP
更新时间：2021-05-10 02:06:50
JavaScript
高德地图海量数据展示优化
假设开发中，遇到这样一个需求：“接口返回一片地区内所有的小区的电子围栏，将小区绘制到高德地图上”。很容易写出下面这样的代码：
const map = new Amap.Map();
for (const item of data) {
const polygon = new AMap.Polygon(item);
map.add(polygon);
}
效果大致可能就是这样，在实际运行中，很有可能会非常卡顿，因为绘制耗了大量时间，如果在地图上还有事件交互，也可能会非常卡顿。实际业务根本无法使用，这时候就要找办法性能优化，翻阅高德地图的文档示例，可能会发现有“集群”、“海量点”渲染优化等示例，但是实际上在项目中可能还是没法使用（比如这个需求是绘制小区）。
从数据出发
从接口层面来看，很有可能是后端吐出大规模地理信息数据，前端拿到数据后根据产品需求进行渲染，本
【文件预览】：
amap-data-tile-main
----index.html(707B)
----data.js(989KB)
----amap.js(2KB)
----point-tile.js(17KB)
----README.md(2KB)