3.1基站的绘制
id=‘test’widtll=‘512’height=
‘256’>
实际的绘图工作由Javascript完成,通过调用canvas.getContext(contexⅡd)方法可以在画布上进行绘图及图形图像渲染等操作,例如,下面的函数介绍如何在画布上绘制一个矩形。Func石on(hwOnCanvas(){
Var
CanVaS=
实验通过canvas画布,在浏览器端使用Javas.cript绘制矢量类型的基站,基站大小,形状等都可定制。不像sVG,canvas只支持一种基本形状——矩形。所以其他形状都是由一个或多个路径组合而成,但是通过一组路径绘制函数,可以绘制相当复杂的形状。如,伽Rect()可绘制矩形,arc()可用于绘制弧形等。
基站的位置,名称,频点等数据存储在sQL
server
document.getElememById(‘test’);
var
context=c如vas.getConte妣(‘2d’);
context.矗llStyle=‘red’;
2008数据库中。javascript发送xMLHttpRe-
context.fillRect(10,10,40,40);}
2
quest请求,与服务器端建立通信,由服务器提取数据库中的数据,最后封装成xML的格式返回给客户端。
表l显示了浏览器刷新时间随基站数目的变化情况。当页面上只显示1万个基站时,传输的数据量约为1.3lMB,刷新时间约为1.865s;当页面显示5万个基站时,传输的数据量约为6.52MB,刷新时间约为4.211s。由表1可以推断,随着传输数据量的均匀增大,浏览器刷新时间是等差递增的。
表1
刷新时间随传输数据量的变化
webGIs系统架构
本文构建的webGIs系统主要由三个模块构
成:客户端,web服务器以及数据库。服务器采用2008作为数据源,以c#为程序设计语言
来实现服务器端对客户端的各种操作的反应;由于
SQL
sewer
IE不支持<canvas>标签,所以客户端采用谷歌chrome浏览器作为图形浏览实现的平台,无需专门开发其他的可视化界面,如图1所示。
客户端Chrome浏览器
脚请求¨羹蟹
w|eb服务器
IIS
6.O
据
曙请求lI返回有用
数据库SQLServer
图1
2008
3.2基站标签及小区包络的显示
在网络多媒体时代,用户的需求已经不单单是浏览一些静态的网页,而是希望可以更多的参与互动。目前比较流行的Web地图900dem印,只提供
webGrS体系架构
一150一
万方数据

