获取高速公路的拥堵信息,并将openlayers地图技术与vue3结合开发出定位地图项目,同时结合路况视频实时查看路况信息

实景地图展示:运用JavaScript以及cesiumJS三维展示工具,将电子地图以及高清卫星地图相结合,展示高速公路所需路段的实景实况.自定义地图编辑:利用cesiumJS的地图操作函数,实现用户点击地图测距,自定义添加标注与视点,一键定位,及地图图层切换等功能,用户可以根据自己的意愿使用地图.资源数据统计:系统会统计高速路段内对应的服务区,收费站等资源数据并列表,点击对应选项可以进行准确定位. 此作品并未包含后台接口对接,由本人进行全权负责开发,主要使用技术栈为vue3+less+CesiumJS+pinia+element-plus以及vite构建工具进行开发 项目难点在于Cesiumjs功能庞大技术冗杂且权威性文档较少,遇到的困难多看文档多摸索自己研究一下,或者去官方社区寻找答案,比如有一次是因为cesium渲染需要占用nodejs一定的空间,但是由于电脑硬件问题需要代码提升内存,针对此问题并没有权威的针对vite的解决方案,于是我摸着石头过河,按照cli的编写方式自己处理了vite中node内存不足的问题

该项目主要分为两个大的模块:1,用户共享停车模块,当用户在小程序中登记录入本人的车辆和预约信息之后,我将用户数据通过接口返回给后台,后台和场地中的智能门禁系统对接,当该用户开车行驶至该门禁后可以自动抬杆进入停车场.2,用户共享服务柜功能,在指定区域设定有部分共享服务柜,服务柜内有免费的共享物品,当用户扫描指定柜门上的二维码时,小程序会获取用户定位,只有用户定位在该服务柜服务范围之内时,用户点击取用柜门自动打开. 我在该项目中主要负责*小程序的前端页面开发,其中包括:页面整体还原UI设计稿,页面操作逻辑优化,展示逻辑优化,以及和后端进行的接口对接,主要是使用了*小程序原生编码,组件库使用的是vant for weapp ,项目整体操作手感流畅操作逻辑完整,用户体验良好,页面视觉设计优良 该项目中主要问题为*开放接口要求服务器域名需要通过ssl安全验证,以及部分接口传递参数无法明文展示如用户的access_token等,解决方法为本人去腾讯云服务申请免费的ssl证书并部署到我们的服务器之上,配置好iis之后该问题解决,至于参数无法明文传递,我们则是先用tomcat转发*的开放接口,参数通过秘钥进行加密,后端收取到之后在进行解密,问题解决