|  | 级别： 中级 Jake Miles, 自由撰稿人和开发人员, Twistage Inc.
Dave Wegman, 首席技术官, Twistage Inc.
2009 年 3 月 19 日 Google Mapplet 是一个运行在 Google Maps 结果页面的应用程序，允许您将自定义的信息和行为添加到页面和地图中。在本教程中，您将编写一个 Google Mapplet，使用 Yahoo Weather RSS 提要在 Google Maps 中显示本地天气。为说明使用 Google Mapplets API 时用到的各种技术，您要实现两种解决方案。第一种是在客户端使用 RSS 和 JavaScript。第二种是在服务器端使用 XSLT、PHP、KML 和 JavaScript。
开始之前 |
常用缩写词
- 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 中。
先决条件
本教程需要下列配套工具：
| |
|
