簡介
GMaps4JSF 旨在整合 Google 地圖和 JavaServer Faces (JSF)，使 JSF 開發人員只使用幾個 JSF 標記就可以構造複雜的全景街拍圖。您還可以輕鬆向地圖添加幾個不同的組件（標記、資訊文本、控制項、地表覆蓋、多邊形、多段線）。GMaps4JSF 還可以向組件添加不同的服務端和用戶端事件，無需編寫 JavaScript 代碼來綁定事件和組件。您只需在實現組件的用戶端事件處理常式時編寫 JavaScript 代碼。
Ajax 是任何當代 Web 應用程式中的主要技術。儘管在 JavaServer Faces 的早期版本中沒有引入 Ajax，但許多 JSF 組件庫（如 Apache MyFaces Trinidad、JBoss RichFaces、ICEFaces 等）也可以提供 Ajax。好訊息是，在 JSF 2.0 實現中已經提供了 Ajax 的本機支援。
在本文中，我介紹了如何在 JSF 2.0 應用程式中配置 GMaps4JSF，並簡單介紹了 JSF 2.0 Ajax。最後，我示範了如何使用 GMaps4JSF 和 JSF 2.0 Ajax 構建一個簡單的 mashup 應用程式。
使用 JSF 2.0 應用程式配置 GMaps4JSF
首先，使用 JSF 2.0 應用程式配置 GMaps4JSF。要做到這一點：
註冊 Google Maps API。您需要接受使用協議並註冊將使用應用程式的網站。然後，Google 將為您的應用程式提供一個密鑰。
圖 1. 註冊 Google Maps API
為了使用 Google Maps API，您必須在頁面中包含 Google Maps API。清單 1 展示了必須在 <h:head> 標記中包含的 Google Maps API 指令碼。
清單 1. 包含 Google Maps API 的標頭檔代碼
<head>
<script
src="http://maps.google.com/maps?file=api&v=2&";
key="gen_website_key"
type="text/javascript">
</script>
</head>
在清單 1 的代碼中，您需要將短語 "gen_website_key" 替換為註冊時提供的密鑰。圖 2 展示了 Google Maps 網站上該密鑰的樣本，以及它如何適應您的代碼。
圖 2. 放入 Google Maps API 指令碼包含的頁面 <h:head> 標記
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
