Tweet

GEOBBS: GEOlocation Bulletin Board System β version

Last update: 2020-01-07
松村 真宏 <>

はじめに

GEOBBSはアクセス端末の位置情報を取得し,目的地までの距離も計算してくれる簡易投稿フォームです。出力結果をlog.cgiファイルにタブ区切りのテキストファイルとして保持します。3つのファイルだけからなりますので,ご利用環境にあわせてカスタマイズして各自の責任でお使い下さい。

試してみたい方はこちらからどうぞ。

使い方

  1. index.html にアクセスします。 〈スクショを見る〉
  2. 情報を入力します。 〈スクショを見る〉
  3. 「送信」ボタンを押すと位置情報の利用確認ダイアログが現れます。 〈スクショを見る〉
  4. 「OK」を押すと位置情報を取得して目的地(この場合は文法経一番講義室)までの距離と入力内容のダイアログが現れます。 〈スクショを見る〉
  5. 「OK」を押すと元の画面に戻ります。 〈スクショを見る〉

設定

以下の3つのファイル(index.html, geobbs.js, submit.php)をウェブページに置いて index.html にアクセスするだけです。PHPについては各自のレンタルサーバーの設定に合わせてください(僕の使ってるさくらインターネットでは「CGI・PHP・SSI について」に載ってます)。

出力結果

出力結果は log.cgi ファイルに以下のようなタブ区切りのテキストファイルとして保存されます。

12/28/2019, 9:33:07 AM	642	65	松村真宏	3141592	本年もお世話になりました。
2019/12/28 9:52 AM	662	65	松村真宏	3141592	来年もよろしくお願いいたします。
1988/12/27 10:23:00	656	29	松村真宏	3141592	ご自由にお使いください。

log.cgi はブラウザからは直接見れません。ダウンロードしてテキストエディタで開くか,拡張子を .cgi から .txt に変更してExcelで開けば見ることができます。

テキスト中の改行は「:」に置換しています。

カスタマイズについて

geobbs.js の以下の箇所を書き換えることで目的地を任意の位置に設定できます。

    // 目的地(文法経一番講義室)の緯度と経度
    var lat2 = 34.805130;
    var lng2 = 135.453851;

目的地の緯度と経度はGoogleマップから取得できます。例えば,上記の文法経一番講義室の位置情報は以下のようにして取得しました。

index.html, geobbs.js, submit.php は必要最小限の構成なので,分かる人は適宜書き換えて自由にカスタマイズしてください。

その他

使用上の注意

位置情報を取得しますので,適正な手続きの上ご使用ください。

更新履歴