计算机科学与应用

Vol.2 No.4 (October 2012)

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

 

作者:

梁春雨 , 李新通 :福建师范大学地理科学学院

 

关键词:

WebGISHTML5 CanvasGeoJSON实时路况WebGIS HTML5 Canvas GeoJSON Real-Time Traffic

 

摘要:

针对传统WebGIS矢量数据在浏览器中可视化缺乏统一标准以及采用地图切片方式响应速度慢的现状,引入了HTML5 CanvasGeoJSON技术,探讨了采用JavaScript解析包含位置信息的GeoJSON数据,并将结果作为地理要素绘制在HTML5 Canvas上的方法在轻量级WebGIS中的应用,设计实现了针对GeoJSONHTML5 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.

文章引用:

梁春雨 , 李新通 (2012) 使用HTML5 Canvas构建基于GeoJSON的轻量级WebGIS。 计算机科学与应用, 2, 189-196. doi: 10.12677/CSA.2012.24034

 

分享
Top