geojson 包含道路_使用HTML5 Canvas构建基于GeoJSON轻量级WebGIS.pdf

最新推荐文章于 2022-09-15 17:48:13 发布

weixin_39526706

最新推荐文章于 2022-09-15 17:48:13 发布

阅读量504

点赞数

CC 4.0 BY-SA版权

文章标签： geojson 包含道路

本文介绍了使用HTML5 Canvas和GeoJSON技术在轻量级WebGIS中的应用，通过JavaScript解析GeoJSON数据，实现在浏览器中快速响应的矢量数据可视化，克服了传统WebGIS的不足，构建了福州市实时交通信息WebGIS系统。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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