Android アプリ受託案件で表題の要件がありました。まずは表示まで。
- WebサイトにGoogle マップを表示しよう！Google Maps APIの始め方 | 株式会社グランフェアズ
- javascript – Real time GPS Tracker on JUST HTML / JS and Google Maps to be run on a handphone? Is it possible? – Stack Overflow
ローカルホストかSSLじゃ無いと駄目らしく上手く行かないのを開発環境上で確認。余談ですが WebView 内の利用については未確認です。
index.html:25 [Deprecation] getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
これで現在地にマーカーを置くことに成功しました。
javascript – Geolocation: moving only google maps marker without reload the map – Stack Overflow
解決したコードで最後に参照したのがこちら。
Animate route on Google Maps – Stack Overflow
もちろんハイブリッド型なので iOS の WKWebview に埋め込んだり PWA で使う事も可です。