MODx でGoogleMap を表示するための準備
Google が提供している Google マップを自分のサイトに表示できます。
下記は、MODxのスニペット「GooglMapMakar」で表示させたサンプル。
Let's enjoy MODx | ブログ風コンテンツ：ちゃぷっとねっと。 | 旅行１日目
いくつか準備やツールが必要なので、ここにメモしておく。
APIキーを取得する
後にも先にもこれがないと、マップが表示されない。このキーを取得するには、Googleのアカウントが必要だ。Google のアカウントを持っているならば、APIキーを取得する前にログインしておこう。まだ、持っていないならば、ログイン画面から「アカウントの作成」をクリックして作成することができる。
APIキーを作成するには？
Google にログインした状態で、APIキー作成画面にアクセスする。
Google api キーの簡単な説明
上記の画面に書いてあることなのだが、このAPIキーは、サーバー上のルートディレクトリに対して１個取得すれば、その下の階層に存在するgoogle マップすべてに対して有効である。なので、うちの場合は、「http://www.liolion.info/」で取得すればよい。もちろん、下層のディレクトリに対して取っても良いわけだが（http://www.liolion.info/modx/など）、この場合、「/modx/」以下にはmapをおけるが、たとえば、「liolion.info/lululog/」の下にはmapをおけない。なんで、ルートで一個取っておけばよいだろう。
またいくつかの注意事項が書いてある。主な部分は...
- Maps api を利用するページは、誰でも見られるページでないといけません
- 地図上のロゴや属性を変更したり、見づらくしてはいけません
その他、テキストエリア内などにも目を通し、同意できる場合には、「I have read and agree with the terms and conditions」にチェックをいれて、「My web site URL:」には、自分のサイトのURIを入力、「Generate API Key」をクリック
そうするとAPI Keyが生成され、表示されるので、コピーして、どこかに保存しておきます（メールが来るかと思ったら来なかったので、ここで確認するしかない）。これをなくしてはいけません。
Google Map を表示させるのにあったら便利なツール
最初の方は、サンプルを表示させるとそこで、中心座標や、範囲座標を知ることができる
また、２番目のツールは、ブックマークレットにリンクを登録して利用する。GoogleMapを表示して中心地点をダブルクリックしてから、ブックマークレットにアクセスすると中心座標を知ることができる。ツールバーに登録しておくと便利だ。
三番目のツールは、グーグルマップのデザインを視覚的に把握できるもの。ダブルクリックして、中心座標を知ることも可能だ。
MODxでGoogle Map を表示するのは、Let's enjoy MODx の方に（いずれ）書きます。
