GMapモジュールは、Google Mapsのコンテンツへの挿入を容易にするモジュールです。

GMapモジュールは、関連する複数のモジュールが同梱されたモジュールパッケージです。
それぞれのモジュールと役割は次のとおりです。

GMap モジュールを使ってコンテンツに Google Maps を挿入する手順

実際に Gmap モジュールを利用し、コンテンツに掲載する手順を記載します。Map には、マーカーポイントを挿入します。
GMap モジュールパッケージをダウンロードし、GMap モジュールと GMap Macro Builder モジュールを有効にしてください。

初期設定

Google Maps を利用するために、Google Maps API Key の設定を行います。（※GoogleMapsを利用するために、「Google Maps API Key」の取得が必要です。あらかじめGoogle Mapsのサイトよりキーを取得してください。）
また、GMapマクロを利用できるように入力書式の設定も行う必要があります。ここでは、GMap マクロ専用の入力書式「Map」を作成し、GMap マクロを Google Maps に変換できるようにします。

1. 管理画面の表示
   「管理セクション」≫「サイトの環境設定」≫「Gmap」を選択し、設定画面を表示します。

2. Google Maps API Key の設定
   「Google Maps API Key」を入力し、「Regenerate」を押下します。正しく設定できれば、デフォルト設定画面に地図が表示されます。
   
   必要に応じて、他の項目の設定を行い、画面下部の「設定の保存」を押下します。

3. 入力書式の追加
   「管理セクション」≫「サイトの環境設定」≫「入力書式」を選択し、入力書式一覧画面を表示します。続けて「入力書式の追加」タブをクリックし、設定画面を開きます。Nameに「Map」と入力し、フィルタの「GMap macro expander」にチェックを入れたら、画面下部の「設定の保存」を押下します。
   ※同一の入力書式内で、HTML filter と GMap macro expander をどちらも利用する場合は、 HTML filter が GMap macro expander より先に実行されるよう設定してください。

GMap マクロを利用したコンテンツの作成

まず GMap マクロ作成画面より、マクロを作成します。次に作成したマクロをコンテンツの本文に挿入し、Google Maps を表示させます。

1. Build a GMap macroの設定
   ナビゲーションメニューより「Build a GMap macro」をクリックし、マクロ作成画面を表示します。

2. GMap マクロの作成
   画面上の Map を操作したり、画面下部のフォームに値を設定することで、動的にマクロが作成されます。
   マーカーポイントは、画面上の任意の場所をクリックすることで設置できます。

3. GMap マクロのコピー
   画面下部の「マクロ文」をすべてコピーします。

4. コンテンツ投稿
   メニューより「コンテンツの作成」≫「ストーリー」を選択します。Body（本文）に先ほどコピーした「マクロ文」をペーストし、入力書式で「Map」を選択します。
   
   ※　Body（本文）には、地図のほかに文章を入力することもできます。
   「送信」ボタンを押すと、コンテンツが作成され、Google Maps が表示されます。
   
   これで、コンテンツに Google Maps を挿入することができました。

注意点

Google Maps を正常に動かすために、必要に応じてテーマのテンプレートファイルを修正する必要があります。
Google Maps は、XHTML doctypeを利用していないページでは正しく動作しない可能性があります。この問題を解消するため、テーマファイルを次のように修正することが推奨されています。

• テーマを standards-compliant XHTML 準拠にする。
• 次のDOCTYPEを宣言する。
  

  ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"＞

詳しくは、 http://code.google.com/apis/maps/documentation/index.html#XHTML_and_VML をご覧ください。