基于ajax技术的web专题图层的关键技术研究

《基于ajax技术的web专题图层的关键技术研究》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、基于Ajax技术的Web专题图层的关键技术研究蔡春源(1)巢俊杰(2)杨慧(3)1南京师范大学地理科学学院江苏南京210046cagehouhou@126.com2南京师范大学地理科学学院江苏南京210046nestle777@126.com3南京师范大学地理科学学院江苏南京210046whinee@gmail.com摘要：Web2.0带来的网络技术革新开始影响着传统的WebGIS开发模式。本文针对传统的专题电子地图开发过程所存在的弊端，利用Ajax的开发模式，结合关系/对象映射、结构性数据建模以及面向对象的设计模

2、式等理念，设计了包括专题图层库表结构、专题图持久层、专题图表现的数据模型以及系统的通信结构和专题图功能任务的配置框架在内的系统体系。同时，研究并比较了系统内各模块中所采用的关键技术。通过应用实例证明，本文所提出的方案在实际应用中提升了系统效率、增强了用户体验，具有良好的应用效果。关键字：Ajax专题图层关键技术Abstract：ThispaperaimsattheshortcomingoftraditionaldevelopingpatterninE-map,andproposearepresentmethodof

3、themelayerbasedonAjax.Withbuildingthethemelayerdatatableanddesigningtheconsistentlayer,webuildtheobjectmodelintheserverdirectlybasedontheDTDofVMLandSVG.Atthesametime,weuseXMLtoconfiguretasks,andbuildcommunicationframeworkaimingatthemelayerbythe“factorypattern”

4、.Thissolutionpromotesthesystemefficiencyandimprovestheusers’experiences.Keywords:Ajax,themelayer,keytechnique引言20世纪90年代以来，随着互联网技术的空前发展，人们对基于Web环境下的地图浏览的需求也日益明显，通过浏览器进行周边位置查询以及专题信息的检索已深入到人们的日常生活中。然而，仅仅通过文字表达查询结果已经很难满足应用需要，因此，图文一体化的呈现方式已经成为应用领域的新需求。一种全新的地理信息运用：W

5、ebGIS(基于Internet的地理信息系统)开始引起国内外专家的重视。传统的网络电子地图的开发中，通常采用的B/S结构，其存在诸多弊端：一方面，频繁的海量数据的传输，使得地图呈现的速度十分缓慢；另一方面，不断的屏幕刷新也带来了视觉体验的下降；另外，地图数据在表现过程中的几何增长造成的网络负担过重，这些都制约着电子地图在Web环境下的使用。一种将应用转嫁给客户端，而使服务器专注于地理信息的计算处理的开发方式，随着新的Web开发方式的出现而越来越得到人们的关注。Applet作为Java在浏览器中的解决方式，很好地完

6、成了将应用任务由服务器向浏览器1转移的任务。在国内外的很多WebGIS应用网站上也常常能够看到这样的解决方式。但浏览器之间的竞争阻碍了它的发展。而近两年来出现的Ajax技术由于在GoogleMap上成功，逐渐成为了解决WebGIS应用的一种常用的方式。Google随后推出的GeoTools也在一定程度上促进了Ajax开发方式在WebGIS中的应用。因此，本文在介绍Ajax技术，及其与传统Web交互方式比较的基础之上，提出了基于Ajax技术的专题图层的关键技术研究，设计了专题图层数据表、持久层、数据模型以及通信结构和

7、配置框架，并构建某电子地图网站专题地图，为网络电子地图中的专题图层的应用提供新思路。1.Ajax技术概述1.1Ajax概念Ajax（AsynchronousJavaScript&XML），是一种可给Web应用带来全新体检的多种成熟技术的综合体。它的主体部分包含DHTML（DynamicHTML）与远程脚本（remotescripting）等一系列已在Web开发中广泛使用的技术，这保证了它在技术上的可行性。Ajax在HTTP原有的“请求/响应”模式下，带来了全新的用户体验、异步交互的传输方式、DHTML+XML+XM

8、LHTTPRequest综合运用的开发模式。Ajax技术的实现结构如图1所示。图1Ajax的实现结构图1中,当用户发出一个客户端行为时，通过XMLHTTPRequest对象，与服务器端异步交互；服务器端根据客户端行为，完成相应数据的处理，实时地将结果数据回传给客户端；客户端得到数据后利用CSS、DOM等技术完成数据的呈现。Web服务器在Ajax中承担了数据存