互联网与人们的关系越来越紧密。在Web浏览器上不仅仅可以浏览网页,也可以通过功能越来越丰富、体验越来越好的Web应用,构建社交网络、提供丰富的娱乐、协作工作。在这样的趋势下,WebGIS对于GIS也有着重要的意义,它适合构建面向大众的GIS应用或侧重展示的GIS应用,它使得GIS与普通大众的距离更近了。这样的优势使WebGIS成为当下GIS发展中一个很重要的部分。WebGIS技术基于Web应用技术,因其空间数据的独特性,即对于地理底图和矢量数据的支持,这使其比普通的Web应用复杂。它要专业的空间数据库管理各种各样的地理数据,它要额外的代码量去支持不同地理数据的操作。目前WebGIS开发中常用的技术还是过于复杂,都需要额外的空间数据库管理地理数据。随着新技术的出现,WebGIS的技术复杂度可以降低:使用GeoJSON数据格式保存矢量数据,可以使用普通数据库管理矢量数据,甚至可以实现矢量数据在WebGIS中实时编辑更新;使用新型前端框架可以有效组织WebGIS的代码;使用前端自动化工具来自动化处理开发流程可以大大提高开发效率。论文遵循简洁、高效和开源的原则,从前端框架、WebGIS框架、数据格式和构建工具四个类别中选择合适的技术,寻找一种开发轻量级WebGIS更简单的技术方案。在前端框架对比了jQuery、Backbone.js和Vue.js,在WebGIS框架比较了OpenLayers和Leaflet,在数据格式上研究了GeoJSON,在构建工具对比了grunt、gulp和NPM,最终提出一种轻量级的WebGIS开发技术方案——基于Vue.js的WebGIS开发方案。它以Vue.js作为开发框架,利用MVVM和组件化的思想去组织代码;Leaflet以及其庞大的插件,提供地图应用开发方面的功能支持;GeoJSON作为矢量数据的存储格式;NPM脚本作为构建工具,辅助自动管理和运行各种任务。随后,构思了一个叫做“故事地图”的功能齐全的轻量级WebGIS应用,应用提出的技术方案完成了整个应用的开发。最终结合对“故事地图”的开发过程,进一步分析了这套技术方案的优缺点和局限性。