日常生活中人们因时间和距离不合适等原因,不方便直接进入校园浏览,而现实中又缺少相应的全景平台,本系统应用于校园全景领域,解决此背景下的难点,通过搭建一个校园全景空地一体可视化系统,满足人们随时随地浏览校园的现实需求,同时提供可视化的编辑界面,方便用户操作;得益于电脑和手机性能的提升,校园全景展示可以在手机端和电脑端同时浏览,满足了不同人群的需求,通过本平台,各地可以实现线上查看校园实景,了解校园的教学场所、校园景点、校园宿舍、生活娱乐场所、科研学习场所等地方,拓宽了用户对学校了解的渠道;该平台可以通过鼠标点击进行互动,掌握更多有用的图文信息,这种方式比起传统的校园推广,更具影响力和更好的传播效果。校园全景空地一体可视化系统的功能主要包括校园全景可视化展示平台和校园全景后台管理平台,整个系统通过可视化界面进行校园全景的浏览,通过后台管理系统实现对全景素材的管理;校园全景可视化展示平台根据校区地理位置的不同,提供区分校区、建筑物、室内室外、空中地面的浏览模式,同时在全景展示方面提供了定位导航、楼层选择、全景切换、自动旋转、放大缩小、热点信息查看等功能,全景的热点主要区分文本类型的热点和全景切换类型的热点,其中文本类型的热点主要用来对全景中重要实景进行图文介绍,全景切换类型的热点主要用来模拟人的前进后退等功能;校园全景后台管理系统提供对全景展示相关素材的管理,全景和热点素材管理模块通过提供一个简易的用户界面,用户使用鼠标点击事件便可选择相应的全景和热点类型完成相应的功能操作,方便后期对全景素材的管理,以及通过在全景展示模块添加埋点的方式,使用图表进行可视化展示,进而实现对访问量的统计分析。基于以上现实需求,文本以B/S架构模式为解决方案,通过搭建校园全景空地一体可视化系统,实现了对校园全景的可视化展示和管理。系统采用前后端分离的模式进行开发,系统前端框架采用了 Vue和Photo Sphere Viewer结合的模式,前端组件库采用了ViewUI和ElementUI组合的方式,图表的可视化展示使用了 Echarts图表库,前端使用npm和Webpack进行包版本管理和项目的模块化管理,后端接口使用SpringBoot和Mybatis进行编码,后端包版本管理使用Maven构建工具,数据库采用MySQL关系型数据库进行数据存储转发;系统前后端通过Axios进行数据请求响应处理,采用token机制加强对系统安全性的保障,使用session会话机制对会话中访问对象信息的存储,使用CORS（Cross-Origin Resource Sharing）和反向代理解决跨域问题。