该项目是可视化大屏,用于辅助分析浙江省景区游客出行的监控及往年节假日景区入园游客数量,从而提升文旅观测的
及时性
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服务,前端只负责图片的渲染,减少浏览器的渲染压力。