本文中将使用工具轻松构建终极的Hello World mashup：Google地图mashup……
Google 地图 Mashup预览
在此，直接运行示例代码将帮助您将所有的代码片断连接到一起。为了指导您如何使用代码，下面的列表突出了上文提到的重要代码片断，以及它们之间如何协作。
- 用户向浏览器请求ajaxGoogleMapsMashup.html，其结构如下 ：
- 单击时调用getLocationsAndMap() 函数的 HTML 按钮
- id 为locations_div的空div 标记，地址将在此插入
- id 为google_map_div 的空 div 标记，Google 地图将被插入
- 用户单击按钮， getLocationsAndMap() 向REST 服务(getD2DSites.html)发出一个XMLHttpRequest 。
- REST 服务以JSON文本返回一个地址列表，该列表会在getLocationsAndMapCallback()中进行反序列化。
- getLocationsAndMapCallback()为在返回列表中查找到的每个地址插入 HTML，其中包含一个锚定标记。
- 用户单击一个地址的锚定标记，将触发对showAddress() 的调用，并传递位置的街道地址。
- showAddress() 从Google API调用 JavaScript 代码，它将正确的地图注入到google_map_div 元素中。
下载
MashupDeveleporDemo-070612.zip
结束语
如您所见，我将HTML、JavaScript、XMLHttpRequest、Google API和 JSON 组合在一起，创建了一个Hello World mashup 的实例。第一次这样使用这些技术，您可能会感到难以理解，但是会很快对于这些技术的组合感到满意。Web 2.0 是Web 应用程序开发的主流趋势，这种创建mashup的模式可以成功在Web 2.0项目中应用。
