PrimeFacesでGoogle Mapを表示する - Challenge Engineer Life !

将来的に何かへ使えそうなPrimeFacesコンポーネントを探ってみようかぁと思います。
今日はGMapコンポーネント＝Google Mapを表示するコンポーネントです。

Showcaseは以下です。パッと見、色々できそう。
http://www.primefaces.org/showcase/ui/gmapHome.jsf

とりあえず一番シンプルなマップ表示にトライしました。
showcaseの「Simple GMap」ですね。

「JSFで1行書くだけなの！？」

とshowcaseのサンプルみて驚いたのも束の間、試した所、表示されませんでした。ｽﾞｺｰ

ユーザガイドみたら別途宣言が必要でした。というわけで、以下で表示できます。
単純だけどつまづいてる人も多いみたいで、PrimeFaces Community Forumにも書いてありました。
http://forum.primefaces.org/viewtopic.php?f=3&t=16984

Google Mapを置くだけのサンプル

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
　　　　<!-- ないと表示できない -->
        <script src="http://maps.google.com/maps/api/js?sensor=false" 
         type="text/javascript"></script>
        
        <!-- Google Mapコンポーネント -->
        <p:gmap center="35.697769,139.667783" zoom="15" type="roadmap" 
         style="width:600px;height:400px" />
    </h:body>
</html>