XOOPS for you

グーグル地図を表示するモジュール

■ 特徴
１．１つのページに複数枚の地図が表示できます。

２．吹き出しにHTMLが使用できます。
見本の例：
マーカーをクリックすると、「国立情報学研究所」のロゴが表示されます。
ロゴをクリックすると、「国立情報学研究所」のサイトが開きます。

３．場所(緯度・軽度)の設定が容易です
グーグルマップをドラック＆ズームすることで簡単に設定できます


● インストール
モジュール管理の「未インストールモジュール」より「インストール」を実行する。

● 初期設定
インストール後に１回だけ行う必要があります。

1. API Key の取得
http://code.google.com/intl/ja/apis/maps/signup.html にて、
API Key を取得します

2. API Key の設定
(1) セッテイングモードにする
(2) 「モジュール追加」より「グーグル地図」を選択する
(3) タブメニューの「API Key 設定」を選択する
(4) API key を入力する
(5) 「決定」をクリックする。

● 見本
見本として「国立情報学研究所」が設定されています。

(1) タブメニューの「一覧表示」を選択する
(2)「見本: 国立情報学研究所」の丸印をチェックする
(3) 右上の「編集終了」をクリックする
(4) 表示されないときは、リロードする

● 新規作成
1. 場所(緯度・経度)の設定
(1) グーグルマップをドラック＆ズームすることで、目的の場所を選択する
(2) 「緯度・経度・ズームを取得する」をクリックする
(3)「緯度」「経度」「ズーム」欄に値が設定される

2. 「地図名称」欄
「地図名称」を入力する

3. 「横幅」「高さ」欄
地図を表示する大きさを設定します

4. 「マーカーの情報」欄
マーカーをクリックすると表示される情報です。
この欄は任意です。
HTML が用意できます。
見本を参考にしてください。

5.「決定」をクリックする

● ノウハウ
1. グーグル地図の左下のある「Googleロゴ」をクリックすると、
「Google マップ」が開きます。

2. 住所は分かっているが、場所が分からないときは、
「Google マップ」にて、
住所を検索して場所を特定します。

- バグ対策
NetCommons 2.3.0.0 にて APIキー が表示されない