文旅数智通

我要开发同款
huyufeng2024年05月14日
118阅读
开发技术elementui、node.js、axios、vuejavascript

作品详情

该项目是可视化大屏,用于辅助分析浙江省景区游客出行的监控及往年节假日景区入园游客数量,从而提升文旅观测的
及时性
1、以设计稿的尺寸为标准,页面混入适配函数完成页面适配屏幕。
2、使用Echarts 加载geo地图,完成地图的渲染,以及地图下钻与侧边图表联动。
3、对Echarts图表进行封装,增强图表组件的可复用性,降低后期维护成本;使用loadsh.merge方法实现业务数据和图表基本样式
合并处理。
4、使用element-resize-detector对元素尺寸监听,当发生变化时同步更新echarts视图。
5、使用html2canvas读取对应元素渲染成canvas图像,使用jspdf最终转化为pdf实现页面数据pdf导出的功能。
6、可视化地图基于Openlayers,产出OlMap地图组件,针对万级以上的数据,Openlayers手动绘制渲染缓慢,使用GeoServer服
务渲染,提供WMS服务,前端只负责图片的渲染,减少浏览器的渲染压力。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论