緯度と経度を入力することによって現在位置から目的地の方角・距離を表示するPGMを作成しました
ちなみに現在位置の緯度経度は最初に距離再計算のボタン
を押すことで自動で入力されるようになっています...
作成の目的はどこかの話でグーグルマップの通信のデータ量が多すぎるとのことを聞いた
覚えがありましたので、最低限方向と距離だけわかるようなPGMがあれば良いな、と思ったからです...
修正しました(方向の描画処理を変更) 2019.08.24
参考githubURL:
https://github.com/NanjoMiyako/ZatuMap
サンプルページ:
https://nanjomiyako.github.io/ZatuMap/
動作時の画像
参考URL:
JavaScriptによる位置情報の取得を簡単に解説（geolocation） | CodeCampus
Geolocation.getCurrentPosition() - Web API | MDN
スマホのセンサーから上下左右の傾きと方向をJavascriptで取得する DeviceOrientationEvent | ARAKAZE NOTE
2つの座標間の距離を求める - Qiita
HTML5 Canvas 入門 - Qiita
２地点間の距離と方位角 - 高精度計算サイト
Javascriptで２地点間の距離と方角を計算するライブラリ - 動かざることバグの如し
緯度経度から距離と方位を求めるプログラム - ロジカルアーツ研究所
緯度経度から距離と方位を求める方法 - ロジカルアーツ研究所
ラジアンから角度を求める関数をMathオブジェクトに定義する - Qiita
lineWidth = 線の幅－Canvasリファレンス
strokeStyle = "色・グラデーション・パターン"－Canvasリファレンス
canvas に図形を描く - 開発者ガイド | MDN
GitHub で超簡単に静的サイトをホスティングする！ - Qiita
[JavaScript] canvasの内容をクリアする（.clearRect） | コピペで使える JavaScript逆引きリファレンス