使用HTML5 Canvas构建关于GeoJSON的轻量级WebGIS.pdfVIP

Computer Science and Application 计算机科学与应用, 2012, 2, 189-196 doi:10.4236/csa.2012.24034 Published Online October 2012 (/journal/csa.html) The Design of the Lightweight WebGIS Based on GeoJSON by * Using HTML5 Canvas Chunyu Liang, Xintong Li College of Geographical Sciences, Fujian Normal University, FuZhou Email: lcybb_123@126.com, lixt@ Received: Sept. 3rd th th , 2012; revised: Sept. 19 , 2012; accepted: Sept. 27 , 2012 Abstract: 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. Keywords: WebGIS; HTML5 Canvas; GeoJSON; Real-Time Traffic 使用HTML5 Canvas 构建基于GeoJSON 的轻量级WebGIS* 梁春雨，李新通 福建师范大学地理科学学院，福州 Email: lcybb_123@126.com, lixt@ 收稿日期：2012 年 9 月 3 日；修回日期：2012 年 9 月 19 日；录用日期：2012 年 9 月 27 日 摘 要：针对传统 WebGIS 矢量数据在浏览器中可视化缺乏统一标准以及采用地图切片方式响应速度慢的现状， 引入了 HTML5 Canvas 和 GeoJSON 技术，探讨了采用 JavaScript 解析包含位置信息的 GeoJSON 数据，并将结 果作为地理要素绘制在 HTML5