Mapeasy中Ajax技术的应用.docVIP

Mapeasy中Ajax技术的应用 　　摘要:基于瓦片预生成技术和AJAX技术的GOOGLE地图服务在电子地图技术的实现领域带来了新的活力。Mapeasy是一个应用这两种技术实现电子地图的客户端JS开源类库,Mapeasy本身与后台数据库无关,本文主要介绍了在Mapeasy中应用AJAX技术的Xmlhttprequest对象实现异步数据请求的过程。 　　关键词:MAPEASY;瓦片预生成技术;Ajax技术;xmlhttprequest对象 　　中图分类号:TP312文献标识码:A文章编号:1007-9599 (2010) 03-0098-02 　　 　　The Application of Ajax Technology in Mapeasy 　　Xiao Juan1,2,Zhang wen fen2,Guo Mei1,Xiao Min1 　　(1.School of Computer and Communication HNU,ChangSha410082,China; 2.Xiang Nan University,ChenZhou423000,China) 　　 　　Abstract:the Google map service, which based on Tile precast technology and Ajax technology, brings new vigor to the realization of electronic map. Mapeasy is a good web client Open Source JS codes , whichalso on the basis of these two technologies, and itself is segregated from the back database. This paper describes the application of AJAX technology and Xmlhttprequest object Asynchronous data request process in Mapeasy. 　　Keywords:Mapeasy;The map tile precast technology;Ajax Technology;Xmlhttprequest object 　　 　　一、引言 　　目前,电子地图的兴起和发展,特别是随着互联网的迅速发展和普及,GIS和INTERNET的结合(WEBGIS),让电子地图作为一种工具,与其他产业的发展应用相结合,已经成为人们一个常用工具。 　　说到WEBGIS,不得不想到以提供网络搜索服务为主的GOOGLE公司推出的地图服务GOOGLE MAPS和GOOGLE EARTH。它们的出现标志着互联网地图服务的兴起,其应用的地图瓦片预生成技术和Ajax技术相结合的网络地图模式,有效地减轻了服务器端的负载。鉴于这种模式的成功,出现了许多比较优秀的类似技术的网络地图开源类库,比较著名的有Mapeasy,Openlayers。下面简单的介绍下Mapeasy。 　　二、Mapeasy 　　Mapeasy是一个基于地图瓦片预生成技术和AJAX技术的JS开源类库。严格地说来,它是一个网络地图客户端的应用程序接口,类似于Google Map API,能够简化基础网络地图的实现。并且它独立于具体的GIS技术和规范,还支持多种图片格式,并具有一些常规的GIS功能,如:定位,比例尺,标注等。它是一个纯粹的客户端JS库,不需要在客户端使用任何插件,并且与后台数据的获取方式完全分离,因此可以在服务器端放置简单的图片,也可以在后台架构专业地图服务器(MapX,GeoServer等),更加易于各种环境下的部署和扩展。虽然是完全运用弱类型语言JavaScript编写的,但具有良好的面向对象方法设计和模式。 　　三、瓦片预生成技术 　　瓦片预生成技术的原理是预先将地图设定为多个比例尺,对每个比例尺提前将地图分成若干小图片(称为瓦片tile),预存在服务器上,瓦片是像素大小相同的图片。比如:在第一级比例尺上,是一个瓦片,而到了第二级就裂变成了四个瓦片,地图放大一个固定比例,到第三级就裂变为十六个瓦片。依次类推,每放大一个级别上级的一个瓦片就裂变为四个,这样就构成了地图瓦片的金字塔模型。客户端通过计算电子地图显示区内的坐标范围和比例尺大小来索引合适的瓦片,把这些瓦片从服务器端下载到客户端拼接成无缝的电子地图显示出来。 　　四、Ajax技术的应用 　　(一)Ajax技术的概述 　　Ajax是Asynchronous JavaScript And XML的缩写,它并不是一门新的