![474039d405e6dcdcb5265a46c003fc26.png](https://i-blog.csdnimg.cn/blog_migrate/325685ddbd02dbfac1b5772325fa66cd.jpeg)
效果
![78533ae11d5790161c8269c674cf3d6b.png](https://i-blog.csdnimg.cn/blog_migrate/af0f35e7969e22ac9eb186c6ffc5a6d1.jpeg)
解决的问题
全流程控制矢量切片、渲染的整个流程,拥有对每个环节的控制权。解决大数据量点文件、线文件、多边形及混合文件的切片渲染问题。减轻浏览器端渲染压力。
主要思路
将矢量数据模仿影像组织方式(金字塔)进行实时切片。
后端采用矢量抽样算法,减轻前端渲染压力。
前后端使用geojson进行数据传输,geojson可读性较强。
关键点
- 后端实时切片,可以根据需求引入后端的缓存、负载均衡等技术。
- 前端浏览器缓存,可选择强制缓存和
- 实时切片时使用轨迹压缩算法等减少显示的几何图形精细读,减少前端渲染压力
- 前端根据后端返回关键字,自定义渲染样式(点,线,面)
- 全平台适应,只要前端地图框架实现相应算法即可,前端调用方式一致。
展望
- 数据库管理矢量数据
- 提供对矢量的增删改查
- 对OSM数据进行全数据量发布
- 样例DEMO
参考链接:
- 轨迹压缩之Douglas-Peucker算法之Java实现
- LawAlias/loadLocalVectorTiles
一个月内点赞超过30个,前后端源码开源。
记得关注我哦!