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

邂逅黄昏 分享 2021-06-03 下载文档

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);}

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一

万方数据


基于HTML5的WebGIS的研究与应用(3).doc 将本文的Word文档下载到电脑

下一篇:人教版英语必修2课文—原文

相关推荐
相关阅读
本类排行
× 游客快捷下载通道(下载后可以自由复制和排版)

下载本文档需要支付 7

支付方式:

开通VIP包月会员 特价:29元/月

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:xxxxxx QQ:xxxxxx