一种基于AJAX电子地图平滑移动算法实现.docVIP

一种基于AJAX的电子地图平滑移动算法的实现 　　摘要：针对电子地图交互操作过程中的响应速度问题，从地图小图像拼接的角度出发，提出一种基于AJAX技术的电子地图平滑移动算法。当对电子地图进行平移操作时，地图小图像能够迅速、平滑地拼接成为一幅完整的地图图像并显示在客户端页面上。在此基础上进一步给出相应的地图初始化和缩放操作的实现方法。试验结果表明，运用此方法可以迅速创建电子地图，流畅地对电子地图进行平移和缩放操作，有效地减少用户操作间歇的等待时间，提高用户的工作效率。 　　关键词：图像拼接；平滑移动；坐标变换；AJAX 　　中图分类号：TP399 　　文献标识码：B 　　文章编号：1004―373X(2008)04―131―03 　　 　　Web―GIS是集计算机科学、地理学、数学等为一体的新兴科学。随着网络技术的不断发展，Web―GIS也在更多的B／s应用软件中得以发挥自己的能力。在这些应用软件中，用户与地图之间的交互响应速度是一个决定软件可操作性的重要标准。 　　初期的Web―GIS采用CGI方式。CGI是一种连接应用软件和Web服务器的标准技术，是HTML的功能扩展。其优点是程序简单。但同时存在启动时间长，反复装载数据等缺陷。 　　随后Applet，ActiveX等技术被用于客户端的开发。他们嵌入网页运行，功能较强，但其与服务端耦合度高，初次使用前要下载并安装相应程序。这对普通用户是种负担，用户在操作过程中常陷入长时间的等待。 　　AJAX技术的出现消除了网络交互过程中的等待缺点，在从服务器读取数据的过程中，用户可以继续使用其他功能而不必等待，这种异步传输的特性使用户能够更加流畅地对地图进行操作。 　　本文在利用AJAX技术的基础上提出一种利用HT―ML和JavaScript语言实现地图平移的方法，即实现利用小图像所在层的相对位置移动对地图进行拼接和显示。这种方法不在客户端安装任何插件，降低了客户端的运行负担，同时也减少了图像数据的传输流量。此外，本文在此基础上，也给出了相应的地图缩放操作的实现方法。 　　 　　1　AJAX相关技术 　　 　　1.1 AJAX原理 　　AJAX(Asynchronous Java Script and XML)一词最早在2005年由Adaptive Path公司的J.J.Garrett提出。AJAX综合了JavaScript，DOM，XMLHttpRequest.XML和XSTL等现有技术。其中JavaScript，DOM和XMLHt―tpRequest是AJAX的核心技术。 　　 　　1.2 地图图像的异步更新 　　一般来说，Web客户端存在2种架构模式：富客户端和瘦客户端。为了使电子地图在客户端的功能更加丰富，人们更多的采用富客户端模式。在AJAX技术出现以前，Web―GIS通常采用诸如CGI，plug―in，Applet等技术进行软件富客户端的搭建。这些技术主要以表单提交作为通信方式。客户端以POST方式向服务器提交图像参数，服务器根据参数生成图像并传回客户端。在这个过程中，用户只能等待而不能进行任何其他操作。 　　而基于AJAX的Web―GIS应用则可以通过异步更新的方式避免上述情况的发生。AJAX采用XMLHt―tpRequest代替POST方式向服务器发送请求，由于这个过程独立于用户与应用软件之间的交互，故用户可同时对地图进行其他操作。如图1所示是一个典型的基于AJAX的Web―GIS应用模型。 　　 　　 　　2　地图坐标系 　　 　　Web―GIS系统中存在几种不同的坐标系，如图2所示。服务器端通常存在一个地理坐标系，其用于确定地物在地球上的真实位置。最常用的地理坐标系是经纬度坐标系，这种坐标系可以确定地球上任何一点的位置。 　　在客户端存在另外z种坐标系，屏幕坐标系与逻辑屏幕坐标系。屏幕坐标系用于响应用户对地图进行的各种操作，其以浏览器窗口的左上角为原点，向右为x轴正方向，向下为y，轴正方向；逻辑屏幕坐标系用于在客户端显示地图图像，其在地图初始化阶段与屏幕坐标系原点重合，但随着用户对地图进行平移操作，两者之间便产生相对的位置偏移。 　　 　　3　基于AJAX的电子地图的构建 　　 　　电子地图的构建包括3个方面：地图初始化、地图平移以及缩放操作。客户端地图的构建采用HTML和JavaScript语言实现，其中每块小图像都以＜Image＞标签表示，并放入一个与其尺寸相同的＜div＞标签中。小图像之间的拼接通过改变＜div＞标签的相对位置来实现。 　　为方便表述，将文中所用符号做如下约定：屏幕坐标系表示为{S}，其上的地图视窗定义为矩形T，逻辑屏幕坐标系表示为{L}，地理坐标系表示为{G}，在逻辑屏幕坐标系中的客