使用HTML5 Canvas构建基于GeoJSON的轻量级WebGIS The Design of the Lightweight WebGIS Based on GeoJSON by Using HTML5 Canvas

Abstract

针对传统WebGIS矢量数据在浏览器中可视化缺乏统一标准以及采用地图切片方式响应速度慢的现状，引入了HTML5 Canvas和GeoJSON技术，探讨了采用JavaScript解析包含位置信息的GeoJSON数据，并将结果作为地理要素绘制在HTML5 Canvas上的方法在轻量级WebGIS中的应用，设计实现了针对GeoJSON的HTML5 Canvas客户端API，并依据此API构建福州市区实时路况信息发布系统。验证了使用HTML5 Canvas结合GeoJSON技术在浏览器端矢量数据渲染上具有跨平台、响应速度快的优势，克服了传统WebGIS存在的缺陷。 Traditionally, WebGIS vector data visualization lack of unified standards in the browser and tile map loading speed is slow. This paper introduces the newly HTML5 and GeoJSON technologies, and the method of using JavaScript to portrayal GeoJSON data which contains geometry information on HTML5 Canvas in the application of lightweight WebGIS, we designed a HTML5 Canvas client-side API for GeoJSON, then the API was used to build Fuzhou city real-time traffic information WebGIS system. The method of HTML5 Canvas combined with GeoJSON technology in the browser side vector data rendering was confirmed in this system to have the advantages of cross-platform and faster response, it can overcome the defects of traditional WebGIS.