在 WebSphere 7.0 环境下使用 IBM JWL 和 GMaps4JSF 创建 mashup 应用程序

核心提示： 图 9. Refresh 参数屏幕查看原图（大图）在 Ajax 目标中嵌入 GMaps4JSF 代码现在，在 “mapGroup” 面板中嵌入 GMaps4JSF 组件，在 WebSphere 7.0 环境下使用 IBM JWL 和 GMaps4JSF 创建 mashup

图 9. Refresh 参数屏幕

查看原图（大图）

在 Ajax 目标中嵌入 GMaps4JSF 代码

现在，在 “mapGroup” 面板中嵌入 GMaps4JSF 组件，这样组件将会在服务器返回 Ajax 响应后更新。清单 1 显示的是 “mapGroup” 面板中的 GMaps4JSF 代码。

清单 1. “mapGroup” 面板中的地图和街道全景图代码

<m:map　id="mapCountry"　width="300px"　height="300px"　
address="#{param.txtAddress}"　
rendered="#{param.txtAddress　ne　null}"　
renderOnWindowLoad="false">　
<m:marker/>　
<m:htmlInformationWindow　htmlText="#{param.txtAddress}"/>　
</m:map>　
　
<m:streetViewPanorama　address="#{param.txtAddress}"　rendered="#{param.txtAddress　ne　null}"　
　renderOnWindowLoad="false">　
</m:streetViewPanorama>　　　　　　　　　

测试应用程序

右键单击 index.jsp，选择 Run On Server > WebSphere 7.0。将会出现应用程序页面。在文本框中输入 Madrid, Spain，单击 Go!。将会看到地图中的位置和街道全景图中的街道的预览，如图 10 所示。

图 10. 应用程序输出

　

结束语

您已经学习了如何使用 JWL 创建具有 Ajax 特性的 JSF 应用程序。您还学习了如何使用 GMaps4JSF 组件构建 Google 地图和全景图的细节。最后，您还见识到在 WebSphere 7.0 环境中使用 Rational Software Architect for WebSphere 软件集成 GMaps4JSF 与 JWL 应用程序是多么轻松。