LogoMark.png

Geolocation のバックアップ差分(No.2)


#author("2019-08-27T18:35:44+09:00","default:inoue.ko","inoue.ko")
#author("2021-05-20T15:21:14+09:00;2019-08-27T18:35:44+09:00","default:inoue.ko","inoue.ko")
*Geolocation API
GPSにアクセスして現在位置を取得する Javascript API
https://developer.mozilla.org/ja/docs/Web/API/Geolocation_API
//

~

**概要
GPSにアクセスして現在位置を取得する Javascript API について紹介します。
~

***位置情報の取得
 navigator.geolocation.getCurrentPosition(
           successCallback, 
           errorCallback,
           options
 );
-successCallback 取得成功時のコールバック(必須)
-errorCallback 取得失敗時のコールバック
-options 設定値
~

***位置情報の監視
//long型の値が帰る setTimeoutと同様
 navigator.geolocation.watchPosition(
           successCallback, 
           errorCallback,
           options
 );
-successCallback 取得成功時のコールバック(必須)
-errorCallback 取得失敗時のコールバック
-options 設定値
~

***位置情報の監視を停止
 navigator.geolocation.clearWatch(watchId);
-watchId watchPositionからの戻り
~
~

***サンプルプログラム
デバイスのGPSにアクセスして、位置情報を取得して表示します。
位置情報の利用について許可が求められます。
[STOP]しない限りWatchしつづける(バッテリーの減りが早くなる)ので、
使用後は必ず [STOP] して下さい。
-DEMO:https://koichi-inoue.github.io/Geolocation/
-Download:https://github.com/koichi-inoue/Geolocation
-CODE:https://github.com/koichi-inoue/Geolocation
~
-HTML
#gistit(koichi-inoue/Geolocation/blob/master/index.html,,400)
~
-JavaScript
#gistit(koichi-inoue/Geolocation/blob/master/sample.js,,400)
~
~