基于Vue.js的单页面WebGIS可视化框架研究与实现  

Research and Implementation of Single-page WebGIS Visualization Framework Based on Vue.js

作　　者：李成仁[1] LI Chengren

机构地区：[1]上海市测绘院,上海200063

出　　处：《地理空间信息》2020年第5期83-86,98,I0006,共6页Geospatial Information

基　　金：现代工程测量国家测绘地理信息局重点实验室开放课题资助项目(TJES1806);上海市经济和信息化委员会2019年人工智能创新发展专项资金计划资助项目(2019-RGZN-01015)。

摘　　要：相对于传统的前端开发框架,单页面程序避免了页面的不断重载刷新,交互体验更流畅,非常契合WebGIS的应用特点。提出了一种基于Vue.js的单页面WebGIS可视化框架开发方案,其核心是利用Vue.js的组件化开发设计,结合Vue-Cli、Vue-Router、WebPack等工具,将WebGIS中可视化和数据展示服务封装为不同的组件,优化代码结构,增强代码复用性。利用该方案开发实现了河道监测综合管理平台,从而验证了方案的可行性。对于如何提升WebGIS开发效率、优化用户体验,具有一定的参考意义。Compared with the traditional front-end development framework,the single-page procedure avoids the constant reloading of the page,and the interactive experience is smoother,which is very suitable for the application characteristics of WebGIS.In this paper,we proposed a development scheme of single-page WebGIS visualization framework based on Vue.js,which using the modularization development design of Vue.js,combining with Vue-Cli,Vue-Router,WebPack and other tools,encapsulating the visualization and data presentation services in WebGIS into different components,optimizing the code structure and enhancing code reusability.And then,we used this scheme to develop and implement the river channel monitoring integrated management platform,which verified the feasibility of the scheme.It has certain reference significance for how to improve the development efficiency and optimize the user experience of WebGIS development.

关 键 词：Vue.js WEBGIS 单页面程序 组件化开发 可视化 

分 类 号：P208[天文地球—地图制图学与地理信息工程]