Google Map 上に表示する位置偽装トラッキングアニメーション

Android アプリ受託案件で表題の要件がありました。まずは表示まで。

ローカルホストか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 で使う事も可です。

投稿者: hkitago

個人事業主でウェブと iOS, Android アプリの開発者で一児の父親。JavaScript, ActionScript, AppleScript, PHP, SQL, ObjC, Swift, Java の読書実行試験運用管理を生業とし、Bind, Postfix, Apache を MacOS で使い、エディタは Vi, mi, Kod, Smultron, TextWrangler を経て Coda, Xcode, Android Studio といった IDE と CotEditor を重用しています。