GIS开发:echarts的GeoJSON文件压缩

简介: GIS开发:echarts的GeoJSON文件压缩

echarts为了加快GeoJSON的传输速度,对GeoJSON文件进行了压缩, 对GeoJSON中的坐标信息进行了压缩了,减少了坐标的数据量。
echarts中的GeoJSON数据格式:
image.png
采用的是zigzag的算法进行压缩的,"zigzag 的原理就是压缩多余的因补位造成数据变大的问题,它的原理是把符号位向右移到在最前一位,对负数除最后一位经行求为非;正数求不变。"
echarts内置解码算法,将坐标信息进行解析,在图上进行绘制。
压缩之前的中国行政区划数据:
image.png
压缩之后的数据:
image.png
压缩比例是相当高的,这在网络传输上能够加快传输速度,现在客户端的计算机性能都是可以的,解析并不需要很长的时间。
关键的压缩代码(摘自echarts源码):
image.png
关键的解压代码(摘自echarts):
image.png
在其他类型的地图开发时,涉及到大量的坐标信息,也可以按照此种方式进行压缩,之后在客户端解析数据,地图上显示,达到减少网络数据传输的目的。
参考文章:

zigzag简单说明:

https://blog.csdn.net/lzcaqde/article/details/81061590

echarts 开源地址:

https://github.com/apache/incubator-echarts

相关文章
|
7月前
Echarts 热力图自定义开发
Echarts 热力图自定义开发
293 0
|
2月前
|
资源调度 JavaScript API
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
这篇文章介绍了如何在vue-element-admin项目中引入并封装ECharts组件,以及如何实现折线图、柱状图和饼图的展示。
117 4
vue-element-admin 综合开发五:引入 echarts,封装echarts 组件
|
4月前
|
数据可视化
Echarts数据可视化开发| 移动效能平台附源码
Echarts数据可视化开发| 移动效能平台附源码
|
4月前
|
数据可视化
Echarts数据可视化开发| 智慧数据平台
Echarts数据可视化开发| 智慧数据平台
|
4月前
|
数据可视化
Echarts数据可视化开发| 智慧营业厅
Echarts数据可视化开发| 智慧营业厅
|
4月前
|
数据可视化
Echarts数据可视化大屏开发| 大数据分析平台
Echarts数据可视化大屏开发| 大数据分析平台
Echarts大屏开发| 智慧物流系统
Echarts大屏开发| 智慧物流系统
Echarts大屏开发|数字化电商场景
Echarts大屏开发|数字化电商场景
Echarts大屏开发|前后台通用场景
Echarts大屏开发|前后台通用场景
|
4月前
|
定位技术 Apache
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
96 0