欢迎来到天天文库
浏览记录
ID:46666986
大小:64.50 KB
页数:5页
时间:2019-11-26
《基于WebGis监控平台探究及实现》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、基于WebGis监控平台探究及实现摘要:物联网的应用遍及社会各个行业,地理显示终端系统可以使得安全监控等业务更加直观,交互性更加灵活。本论文主要研究基于GoogleMpas地理开发平台下WebGis监控系统的研究与实现,在RIA(富互联网应用程序)开发环境FLEX开发平台下如何利用GoogleMaps编程接口实现界面绘图、通过webService与服务器进行交换数据。关键词:RIAWebGIS监控平台webservice一、引言物联网的应用遍及社会各个行业,比如,天然气管道安全监控,矿井通风安全展示,河道防汛等等,通过地理
2、显示终端系统可以使得安全监控等业务更加直观,交互性更加灵活。由于WebGis部署简单,只需要能够接上互联网,就可以通过WebGis系统获取安全监控信息,所以当前WebGis发展非常快。GoogleMaps是Google公司提供的一种地图服务,并且这种服务是免费的,同时Goolge公司提供了二次开发地图服务程序接口-GoogleMapsApi,使得基于GoogleMaps的WebGis监控平台开发起来成本低,效率高,用户体验好。本系统采用RIA技术,利用Adobe公司FLEXBuilder4.0作为客户端的开发工具,通过We
3、bService与服务器端进行交互,系统易于扩展,健壮性好,具有较强的用户体验。二、WebGis相关技术研究1、GoogleMapApiGoogleMapS采用四叉树的数据结构,将地图切割为相邻的图片,加载的时候加载显示区域的图片,大大降低了需要加载的数据量,提高了地图响应速度,地图好像就是一个整块连续的图片,用户体验非常好。GoogleMaps提供了FLEX开发接口,公布了非常丰富的开发API,可以在地图上绘制图形,在地图上做标记,提供了缩放、方向调整、鹰眼等开发接口,另外GoogleMaps还提供了矢量地图、卫星影像、
4、混合、地形图等几种服务模式。2、RIA富互联网应用程序基于HTML的Web应用程序客户端数据处理能力相对较弱,为了增强客户端的数据处理能力,提高用户的交互体验,产生了新的富互联网应用程序RIA,RIA有别于传统的Web应用程序,它既有表现力丰富的客户端桌面应用程序的优点,又便于网络的部署和使用互联网资源,也就是把交互式桌面应用程序的表现力与传统的Web应用程序部署的灵活性和低成本结合在了一起,具有桌面应用程序的丰富表现力、无需刷新页面、交互性高和跨平台的特性,和Web应用程序零部署、易于维护的特性。3、WebService
5、Web服务(WebService)是基于XML和HTTPS的一种服务,其通信协议主要基于SOAP,服务的描述通过WSDL,通过UDDI来发现和获得服务的元数据。WebService可以定义标准的数据访问接口,使得异构程序能够共享数据,消除系统平台差异对软件的影响。三、系统架构设计与实现作为一个通用的WebGis监控展示平台,主要功能包括路径的制定与展示,地图上标记的展示,监控对象的信息的展示,与服务器数据交换格式与数据交换格式的制定。1、路径的绘制与展示通过GoogleMaps提供的在地图上绘制线条的对象Polyline可
6、以在地图上绘制出折线。折线可以自定义线条样式。Polyline有个点集作为输入参数的构造函数。使用方法如下:varline:Polyline=newPolyline(PointArray);利用方法setOptions对折线的样式进行设置:varoptions:PolylineOptions=newPolylineOptions({strokeStyle:{thickness:pllineStyle.Thickness,color:pllineStyle.LineColor,alpha:pllineStyle.Alpha,
7、pixelHinting:true}});line・setOptions(options);很多情况下,GoogleMaps提供的绘图API不能满足开发需求,这个时候需要通过继承类OverlayBase,然后通过FLEX的Graphics绘图编程接口完成图形的绘制。重载方法positionOverlay(zoomChanged:Boolean)便可完成任意图形的绘制。例如在地图上添加一个圆:publicoverridefunctionpositionOverlay(zoomChanged:Boolean):void{g.g
8、raphics・lineStyle(lineStyle.Thickness,lineStyle.LineColor,lineStyle・Alpha);point二this.pane・fromLatLngToPaneCoords(center,true);graphics.drawCircle(point
此文档下载收益归作者所有