3of8 Report - 2017 Pragmatic Programming II

GPSセンサつきのデバイスに対応した以下のようなWebページを作成せよ。

画面上部に[START]、[STOP]ボタンがあり、その下に Leaflet を介して表示された地図がある。
[START]ボタンを押すとGPSロギングが始まり、 10秒に一度程度(間隔は調整可)の頻度でGPS信号を取得を試み、成功するとその地点にポイントを打って行く。
[STOP]ボタンを押すと上記の動作を止める。

いったん完成したら、以下のような改良を試みよ。

ポイントを Polyline によって作成し、点の集合ではなく線分集合にする。なお、いったん作成した Polyline p に点を追加するには p.addLatLng() 関数を使う。 Polyline - Leaflet.js Docs
ポイントが2つ以上になったら、START地点からの距離の積算値を Web ページ内に設置したなんらか(pなど)の要素内に出力する。異なる2地点間の距離を緯度経度から計算するには「ヒュベニの公式」などを利用する。

作成場所

外部公開httpsサーバ「cms.is.koeki-u.ac.jp」にログインし、そこの ~/public_html/map/ に配備する。最初は Leaflt.js 等も必要なので、royまたはsimeから、

として、roy のファイル群をすべてコピーしてから cms サーバにログイン作業するとよい。ファイル編集は roy/sime で行ない、更新したら上記 rsync するとサーバ上のファイルが同期する。

本日の課題