本日の課題

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

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

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

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