你好,欢迎来到电脑编程技巧与维护杂志社! 杂志社简介广告服务读者反馈编程社区  
合订本订阅
 
 
您的位置:杂志经典 / 编程语言
用Ajax开发GoogleMap与Flicker MushUp应用(一)
 

摘 要  本文详细介绍了如何使用Ajax技术开发基于GoogleMap地图服务与Flicker图片服务的世界各地旅游景点导航MushUp Web2.0应用。通过实际案例的开发,向读者介绍了如何使用Ajax进行GoogleMap地图应用的开发,以及如何使用Google Feed+Ajax获取Flicker图片服务中相关的图片资源。

关键词 AjaxGoogleMapFlickrMushUp

 


 

一、    背景

 

随着Web2.0时代的到来,Ajax已经成为Web应用程序客户端开发的利器,通过Ajax可以非常方便地开发出各种良好用户体验的富客户端应用。

在这种背景下,GoogleFlickr等国际知名企业与组织也分别对Ajax开发提供了丰富的支持,基本情况如下所列。

1.GogleMap是由Google提供的全球地图信息系统,其中不但有传统的地图还可以方便地查阅对应地点的卫星图片。同时GoogleMap支持使用Ajax进行二次开发,可以通过Ajax开发出各种需要地图、导航的应用,如本例中的世界各地旅游景点地图导航。

2.FlickerInternet上非常著名的一个图片分享系统,其中的图片资源异常丰富,几乎囊括了世界各地的各个方面。如本例中使用Google FeedAjax的结合,通过InternetFlicker上即时获取对应旅游景点的图片信息。

从前面的背景知识介绍中可以看出,本例中使用的信息来自于多个信息提供者,如旅游景点地图来自于GoogleMap,旅游景点的图片来自Flickr。这种应用开发的方式就是MushUp,具体说就是将Internet上存在的各种应用、信息根据自己的需要进行组合、开发,这也是现在Web2.0应用开发的一个重要方向。

 

二、    功能

 

本文将结合旅游景点导航Web应用的开发来介绍AjaxGoogleMapGoogle FeedFlickr在开发中的使用,下面首先对本Web应用的功能、界面进行简单的介绍。

1Web应用的界面

本应用主要包含一个界面,其中分成四个部分,每部分用于显示不同的信息,如图1所示。界面中每一部分的用途如下所列:

(1)左上部分用于显示对应景点附近的地图。

(2)左下部分为提供用户控制功能的面板。

(3)右上部分的列表用来记录已经浏览过景点的历史信息。

(4)右下部分用来显示当前正在浏览景点的图片。

  推荐精品文章

·2024年9月目录 
·2024年8月目录 
·2024年7月目录 
·2024年6月目录 
·2024年5月目录 
·2024年4月目录 
·2024年3月目录 
·2024年2月目录 
·2024年1月目录
·2023年12月目录
·2023年11月目录
·2023年10月目录
·2023年9月目录 
·2023年8月目录 

  联系方式
TEL:010-82561037
Fax: 010-82561614
QQ: 100164630
Mail:gaojian@comprg.com.cn

  友情链接
 
Copyright 2001-2010, www.comprg.com.cn, All Rights Reserved
京ICP备14022230号-1,电话/传真:010-82561037 82561614 ,Mail:gaojian@comprg.com.cn
地址:北京市海淀区远大路20号宝蓝大厦E座704,邮编:100089