Design, Implementation And Performance Optimization Of An HTML5-based Webgis Front End Class Library

With development of Internet and mobile Internet technology, especially the mature of HTML5technology, the development of WebGIS has been converted from server end to client end. Front end development has become the focus of Web and Mobile Web application’s development. An HTML5-based WebGIS front end class library, which supports basic GIS services and is convenient to expand, is needed for the task requirement of our laboratory development.In this paper, an HTML5-based front end WebGIS class library (gMap v3.0) was designed and implemented for ECNU GeoServer(version3.0, code named GeoServer2013), an independent WebGIS software developed by ECNU Geo Web lab. Web front-end storage technology, mashup application, browser compatibility and front end performance optimization problems were also explored. This paper is the result of the stage achievement of front end development technology of the lab. The concrete contents are as follows:1) The paper systematically analyzed the key technologies of HTML5and WebGIS front-end development, and introduced the server-end interface of GeoServer2013.2) Designing and implementing a lightweight front end class library, gMap v3.0, which is convenient to expand and supports basic GIS services of GeoServer2013.3) This paper researched and designed browser front end compatibility technology for GeoServer2013, and took test analysis.4) Based on the HTML5front end principle and optimization theory, the paper contrasted and analyzed the optimization problems by test pages, and it also presented several solutions for GeoServer2013front end performance optimization.5) Applying gMap v3.0class library to the Shanghai Agricultural Layout and Planing System for front end development successfully.