Study On WebGIS Development Based On Vue.js

The relationship between the Internet and people is getting closer and closer.In the Web browser,people can not only browse the Web,but also build social networks and enjoy diversified entertainment and collaborative work through the Web applications with richer functions and better experience.In this trend,WebGIS is also important for GIS,which is suitable for the construction of GIS applications for the public and GIS applications that focus on display.WebGIhS makes GIS closer to the general public.This advantage makes WebGIS become a very important part of GIS development at present.WebGIS technology is based on Web application technology.Due to its unique spatial data,that is,its support for the geographical base map and vector data,WebGIS technology is more complex than ordinary Web applications.It requires a professional spatial database to manage a wide variety of geographic data,and it requires additional code quantity to support the operation of different geographic data.At present,the technology commonly used in WebGIS development is too complicated,which requires additional spatial databases to manage geographic data.With the advent of new technologies,the technical complexity of WebGIS can be reduced: using GeoJSON data format to save vector data can make vector data be managed by ordinary databases,and even vector data can be edited and updated in WebGIS in real time;using the new frond-end framework can effectively organize the code of WebGIS;using front-end automated tools can process the development process automatically,which can greatly improve the development efficiency.Based on the principles of “simplicity,efficiency and open-sourcing”,the paper chooses the appropriate technology from the four categories of front-end framework,WebGIS framework,data format and construction tools,so as to find a simpler technical scheme for developing lightweight WebGIS.In terms of front-end framework,the paper compares jQuery,Backbone.js and Vue.js.In terms of WebGIS framework,the paper compares OpenLayers with Leaflet.In terms of data format,the paper studies GeoJSON.In terms of the construction tool,the paper compares grunt,gulp and NPM.Ultimately,the paper puts forward a lightweight technical scheme for WebGIS development-WebGIS development scheme based on Vue.js.It uses Vue.js as the development framework and uses MVVM and component-based idea to organize the code.Leaflet and its huge plugins provide functional support for map application development.GeoJSON is used as the storage format for vector data.NPM script is used as the building tool,assisting in automatic management and operation of various tasks.Then,the paper creates a full-featured lightweight WebGIS application whose name is “story map”.The proposed technical solution completes the development of the whole application.Finally,combined with the development process of “story map”,the paper further analyzes the advantages and disadvantages and limitations of this technical scheme.