摘 要 本文详细介绍了如何使用Ajax技术开发基于GoogleMap地图服务与Flicker图片服务的世界各地旅游景点导航MushUp Web2.0应用。通过实际案例的开发,向读者介绍了如何使用Ajax进行GoogleMap地图应用的开发,以及如何使用Google Feed+Ajax获取Flicker图片服务中相关的图片资源。
关键词 Ajax;GoogleMap;Flickr;MushUp
一、 背景
随着Web2.0时代的到来,Ajax已经成为Web应用程序客户端开发的利器,通过Ajax可以非常方便地开发出各种良好用户体验的富客户端应用。
在这种背景下,Google、Flickr等国际知名企业与组织也分别对Ajax开发提供了丰富的支持,基本情况如下所列。
1.GogleMap是由Google提供的全球地图信息系统,其中不但有传统的地图还可以方便地查阅对应地点的卫星图片。同时GoogleMap支持使用Ajax进行二次开发,可以通过Ajax开发出各种需要地图、导航的应用,如本例中的世界各地旅游景点地图导航。
2.Flicker是Internet上非常著名的一个图片分享系统,其中的图片资源异常丰富,几乎囊括了世界各地的各个方面。如本例中使用Google Feed与Ajax的结合,通过Internet从Flicker上即时获取对应旅游景点的图片信息。
从前面的背景知识介绍中可以看出,本例中使用的信息来自于多个信息提供者,如旅游景点地图来自于GoogleMap,旅游景点的图片来自Flickr。这种应用开发的方式就是MushUp,具体说就是将Internet上存在的各种应用、信息根据自己的需要进行组合、开发,这也是现在Web2.0应用开发的一个重要方向。
二、 功能
本文将结合旅游景点导航Web应用的开发来介绍Ajax、GoogleMap、Google Feed与Flickr在开发中的使用,下面首先对本Web应用的功能、界面进行简单的介绍。
1.Web应用的界面
本应用主要包含一个界面,其中分成四个部分,每部分用于显示不同的信息,如图1所示。界面中每一部分的用途如下所列:
(1)左上部分用于显示对应景点附近的地图。
(2)左下部分为提供用户控制功能的面板。
(3)右上部分的列表用来记录已经浏览过景点的历史信息。
(4)右下部分用来显示当前正在浏览景点的图片。
|