name="getMapForm">
　Twitter user name: <input type="text" value="" name="TwitterUser"/>
　<input type="submit" value="Get Map" name="submit"/>
</form>
<p/>
<div id="map" style="width: 550px; height: 450px"></div>
</body>
</html>

　　代码将使用针对给定 Twitter 用户检索纬度和经度创建 Google Maps 地图该地图随后将被应用到页面 DOM 中它将成为地图 <div> 元素子元素

　　使用 REST 和 Ajax 技术处理 Twitter 和 Google Maps 数据

　　使用检索 Twitter 用户位置数据和 Google Maps 地理编码数据功能您可以构建相关服务以发布 Twitter 数据和 Google Maps 数据mashup 可以使用并组合这些数据并通过组合数据生成聚合 UI

　　本文所示框架将组合来自服务数据这些服务检索 Twitter 用户配置文件位置数据以及 Google Maps 中位置数据经度和纬度数据随后将在 mashup 页面 JavaScript 中使用 Ajax 技术检索数据在该页面中将把数据动态应用到页面 DOM 中以显示带有 Twitter 用户位置地图在 下载 小节中可以获得本例中源项目

　　框架控制流程十分简单:从 mashup 到服务器端 Ajax-savvy Java servlet 使用 Ajax 来实现基于同步 REST 服务服务结构为 http://{host}:{port}/twoogle/service/getMap该 servlet 将把服务分派到 Twitter 和 Google Maps 中以检索 Twitter 用户位置该用户位置经度和纬度将被传递回 mashup 并应用于页面中以创建地图图 3 中显示了该框架

　　图 3. Twitter/Google Maps mashup 框架



　　框架将从 mashup 客户机中接收基于 Ajax HTTP 请求然后使用请求中数据以从 Twitter 和 Google Maps 检索位置数据给定 Twitter 用户经度和纬度值将以 XML 格式传递回 mashup 客户机然后进行解析并应用到 mashup 页面中