基于HTML5的WebGIS的研究与应用(2)

ｌＨＴＭＬ５

ｃａｎｖａｓ简介

具体的服务器端／客户端软件配置如下：服务器端：

ｃ＃：获取数据库数据并与客户端通信。

ＩＩＳ６．０：Ｗｅｂ服务器。ＳＱＬ

ｓｅｒｖｅｒ

＜ｃａｎｖａｓ＞标签是ＨＴＭＬ５引入的新的ＡＰＩ之一，这个元素可以被Ｊａｖａｓｃｒｉｐｔ语言用来进行图形图像的渲染和绘图操作。

＜ｃａｎｖａｓ＞最先在苹果公司的Ｍａｃ

ＯＳＸＤａｓｈ—

２００８：数据存储。

ｂｏａｒｄ上被引人，而后被应用于ｓａｆ蕊。如今大部分

客户端：

浏览器都已经支持，包括Ｆｉｒｅｆｏｘ，Ｓａ觚，ｃｈｒｏｍｅ，０ｐ—

ｅｒａ，Ｉｐｈｏｎｅ，Ａｎｄｍｉｄ等‘４。１，ＩＥ７和ＩＥ８暂且还不支持ｃａＪｌｖａｓ标签。

＜ｃａｎｖａｓ＞标签在被浏览器解析时与其它标签没有什么不同，可以通过ｗｉｄｔ｝ｌ和ｈｅ培ｈｔ属性改变画布大小，ｓ够ｌｅ设置画布风格，例如，在ＨＴＭＬ正文中加入如下标签，可绘制一个长宽分别为５１２和２５６

的画布。

＜ｃａｎｖａｓ

Ｃｈｍｍｅ浏览器：提供ｗｅｂＧＩＳ浏览服务。ＪＳ程序：绘图，响应用户操作并与服务器通信。３

基于ｃ跏ａｓ的ＷｅｂＧＩＳ实现过程分析

本文通过ｗｅｂＣＩＳ实现ＣＳＭ（全球移动通讯系

统）基站信息的显示和查询等功能。对于传统的地理信息系统，图形的显示，用户操作的响应等任务大都由服务器端完成，然后将生成的数据或是图片通过网络发送到浏览器，由于地理信息系统往往涵盖的数据量很大，所以经常造成白屏，等待时间过长等现象，用户体验较差。