先日紹介した京都の食べ歩きマップなどを簡単に作る方法.
さくらインターネットはPHP5やPerlなどを特にインストールすることなく利用できるので,PukiWikiとGoogleMapsによる地図情報サイトを作るのは簡単.
PHPを使えない環境の場合,PHP5のインストールを先にしてください.
1. PukiWiki をインストール(解凍するだけ)
2. Google Maps APIのライセンスキーを取得(サイトURLを入力するだけ)
3. Google Maps 用のプラグインをインストール(ダウンロードしてプラグインディレクトリに放り込むだけ)
4. Google Maps 用のプラグインのライセンスキーを修正
5. PukiWiki のページに地図表示のためのタグを記述するだけ
1. PukiWiki をインストール
PukiWiki とはPHP上で動作するWikiクローンで,さくらインターネットでも簡単に利用することができる.
Pukiwikiのインストールは簡単で,Pukiwikiのダウンロードサイトから最新版をダウンロードし,FTPでアップロード.解凍するだけでインストール完了.
2. Google Maps APIのライセンスキーを取得
Google Maps API のライセンスキー取得の方法は,ライセンスキー発行サイトにアクセスし,サイト下部のURL入力部にURLを入れ,「Generate API Key」のボタンを押すだけ.
Your key is:
ABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDE
とか出力されるので,このKeyの部分を適当に保存しておく.
3. Google Maps 用のプラグインをインストール
4. Google Maps 用のプラグインのライセンスキーを修正
PukiwikiでGoogleMaps2からGoogleMaps用のプラグインをダウンロード.
ダウンロードしたファイルを解凍し,googlemaps2.inc.php を編集して API Key 設定部にキーを設定しておく.
define ('PLUGIN_GOOGLEMAPS2_DEF_KEY', 'ABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDE');
googlemaps2.inc.php,googlemaps2_draw.inc.php,googlemaps2_icon.inc.php,googlemaps2_insertmarker.inc.php,googlemaps2_mark.inc.php を PukiWiki の plugin ディレクトリにアップロード.
5. PukiWiki のページに地図表示のためのタグを記述
下のような記述を PukiWiki のページに追加すると地図をページに挿入できる.
&googlemaps2(mapname=imtest, width=100%, height=350px, lat=35.013003, lng=135.768635, mapctrl=small, togglemarker=true, typectrl=normal, mapctrl=normal, zoom=13);
width や height は状況に合わせて設定.latおよびlngに緯度経度を設定するだけ.
地図の表示デフォルトサイズは zoom で設定する.数が大きくなればなるほど拡大表示.
ページ中に下記のようなエントリを追加すると,そのポイントが地図上に表示される.
-&googlemaps2_mark(35.012179, 135.770059, map=imtest, title=一之船入, caption=河原町押小路東入る北側.創作中華の店.高いけど美味., icon=中華, maxurl=一之船入);
必要なのは最初の2つの項目で,緯度経度を指定.
titleに店の名前とか,captionにはユーザがクリックしたときに提示する情報を.
maxurlにはそのPukiWikiページの名前を入力しておく.
そうすると,勝手にそのページが開かれるようになる.
なお,ひとつずつ登録していくのは非常に面倒なので,こんな感じの登録ページを用意しておいて,順に登録し,必要に応じて張り込んでいくということをやっていくと良いと思う.
ちなみに,登録ページに必要なのは下の1行のみ.
#googlemaps2_insertmarker(map=imtest)
カテゴリ分けの方法とか詳しいことは,下記のページを参考にしてください.
これに関しても面倒なのはアイコンを作るところくらいで,簡単です.
地図のいろいろな利用方法,地図への登録方法
[参考URL]
PukiwikiでGoogleMaps2