在之前的文章 JSF 2.0 Ajax 世界中的 GMaps4JSF 中，我解释了如何将 GMaps4JSF 用于集成 Google maps 和 JavaServer Faces（JSF），它让 JSF 用户通过几个 JSF 标记就能构造复杂的街道全景图像和地图。您也可以方便地将不同的组件（标记、信息文本、控件、地面叠加（ground overlays）、多边形和折线）添加到结果地图中。GMaps4JSF 甚至允许向组件添加不同的事件，而无需编写将事件与组件绑定的 JavaScript 代码。JSF 用户只有在实现组件的事件处理器时才需要编写 JavaScript 代码。GMaps4JSF 是 JSF 的一个 mashup 库，它能让 JSF 用户轻松构建 Web 2.0 mashup 应用程序。
JavaServer Faces Widget Library（JWL）是 IBM 的基于 JSF 的 Web 部件库，其中包含很多组件用于构造富 Web 应用程序。JWL 还提供 Asynchronous JavaScript + XML（Ajax）标记，用于向 JSF 动态添加 Ajax 行为。
本文中，我将解释如何在 Rational Software Architect for WebSphere Software（RSA）7.5 中，在一个 JWL 应用程序中使用 GMaps4JSF 组件。我将逐步演示如何创建一个使用不同的 GMaps4JSF 组件的 mashup JWL 应用程序。
从零开始创建 Mashup JWL 应用程序
在 JWL 应用程序中，如果用户输入一个地址并单击 Go! 按钮，所输地址的位置就会出现在地图中，同时其街道预览图片就会出现在街道全景图（streetViewPanorama）中。
创建 JWL Web 项目
创建 JWL mashup 应用程序的第一步是创建一个 Faces 项目。图 1 显示的是动态 Web 项目的初始创建屏幕。确保输入项目名称并在配置组合框中选择 Faces Project。
图 1. 动态 Web 项目的初始创建屏幕
