这是您第一次登陆到 developerWorks，已经自动为您创建了您的概要文件。 选择您概要文件中可以公开的信息的信息（如姓名、国家/地区，以及公司），这些信息同时也会与您所发布的内容相关联。 您可以随时更新您的 IBM 账号。

所有提交的信息确保安全。

当您初次登录到 developerWorks 时，将会为您创建一份概要信息，您需要指定一个昵称。您的昵称将和您在 developerWorks 发布的内容显示在一起。

昵称长度在 3 至 31 个字符之间。您的昵称在 developerWorks 社区中必须是唯一的，并且出于隐私保护的原因，不能是您的电子邮件地址。

所有提交的信息确保安全。

My developerWorks:

我的通知：

退出

选择语言：

使用 Google Mapplets 自定义 Google Maps 结果页面

使用 RSS、XSLT、PHP、KML 和 JavaScript 创建客户端和服务器端解决方案

Jake Miles, 自由撰稿人和开发人员, Twistage Inc.

Jake Miles 是 Twistage 公司的高级技术联络，Twistage 是一个年轻的公司，为商业公司提供完备的视频 Web 解决方案。他在语言和软件技术方面很有经验，是一名具有 10 年经验的专业开发人员，并且从 10 岁起他就一直是一个充满求知欲的学生。他还自愿参与教学工作，并且他相信如果老师讲得足够明白的话，没有人是教不会的。

Dave Wegman, 首席技术官, Twistage Inc.

David Wegman 是 Twistage 公司的首席技术官，该公司是在线视频的提供商。除了编程和技术写作之外，他还喜欢研究软件系统可用性和代码重构。他在旧金山居住和工作。

简介： Google Mapplet 是一个运行在 Google Maps 结果页面的应用程序，允许您将自定义的信息和行为添加到页面和地图中。在本教程中，您将编写一个 Google Mapplet，使用 Yahoo Weather RSS 提要在 Google Maps 中显示本地天气。为说明使用 Google Mapplets API 时用到的各种技术，您要实现两种解决方案。第一种是在客户端使用 RSS 和 JavaScript。第二种是在服务器端使用 XSLT、PHP、KML 和 JavaScript。

发布日期： 2009 年 3 月 19 日
级别： 中级

访问情况： 9807 次浏览

开始之前

常用缩写词

Ajax：异步 JavaScript 和 XML（Asynchronous JavaScript + XML）
API：应用程序编程接口（application programming interface）
DOM：文档对象模型（Document Object Model）
HTML：超文本标记语言（Hypertext Markup Language）
HTTP：超文本传输协议（Hyper Text Transfer Protocol）
KML：Keyhole 标记语言（Keyhole Markup Language）
PHP：PHP 超文本预处理程序（PHP Hypertext Preprocessor）
RSS：真正简单的连锁（Really Simple Syndication）
URL：统一资源定位符（Uniform Resource Locator）
W3C：万维网联盟（World Wide Web Consortium）
XHTML：可扩展超文本标记语言（Extensible Hypertext Markup Language）
XML：可扩展标记语言（Extensible Markup Language）
XSL：可扩展样式表语言（Extensible Stylesheet Language）
XSLT：XSL 转换（XSL Transformations）

本教程适用于有兴趣将自定义的信息和行为添加到 Google Maps 结果页面的 Web 应用程序开发人员。您需要熟悉 PHP、JavaScript 和 XSLT 方面的知识。

关于本教程

在本教程中，将构建一个 Google Mapplet，使用 Yahoo Weather RSS 提要显示本地的天气。在 Google Mapplets API 中使用 Ajax 请求类，调用一个反向地理编码服务（参阅先决条件获得链接），将 Google Map 中当前的坐标转换为邮编。

您将实现两种解决方案：一种方案是在 JavaScript 中调用 Yahoo 的天气服务，在侧边栏中显示天气。另外一种方案是调用自己的远程 Web 服务器，在地图上放置一层 KML 覆盖层（overlay）。远程 Web 服务器运行 PHP 5.2，使用 XSL 模块对 Yahoo 返回的 RSS XML 应用 XSLT 样式表。将实现两种样式表：一种样式表将 Yahoo RSS 数据转换为一种更简单的数据结构，将表示层（KML）与外部数据结构隔离，另外一种样式表将较简单的本地数据结构转换为 KML 覆盖层。最后，将覆盖层应用到 Google Map 中。

回页首

先决条件

本教程需要下列配套工具：

开发 Google Mapplet 需要把它放在公共 Web 服务器上，使 Google 能够把 Mapplet 读取到缓存中以显示 Google Maps 结果页面。因此，本教程中需要访问公共 Web 服务器。可以使用 Apache Web server version 2.2 作为 Web 服务器。参阅参考资料获得安装和配置信息。
PHP 5.2.6 版本。
geonames.org 上的反向地理编码服务。
启用 JavaScript 的 Web 浏览器。
喜爱的编程语言编辑器。

回页首

static.content.url=http://www.ibm.com/developerworks/js/artrating/

SITE_ID=10

Zone=XML, Open source

ArticleID=376749

TutorialTitle=使用 Google Mapplets 自定义 Google Maps 结果页面

publish-date=03192009

author1-email=jacob.miles@gmail.com

author1-email-cc=

author2-email=dwegman_cnnew1@twistage.com

author2-email-cc=

My developerWorks:

我的通知：

选择语言：

技术主题

软件下载

社区

技术讲座

使用 Google Mapplets 自定义 Google Maps 结果页面

常用缩写词

内容

分享此页面：

关注 developerWorks 中国网站：