XOOPSの統合パッケージを開発するプロジェクトです。
グーグル地図を表示するモジュール
■ 特徴
１．１つのページに複数枚の地図が表示できます。
２．吹き出しに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 マップ」にて、
住所を検索して場所を特定します。
