0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Geolocation APIを使って位置情報を取得する

Last updated at Posted at 2021-06-12

位置情報を取得する際に使用した構文や引数について、次回以降スムーズに取得できるようまとめておきます。
Geolocation API」にアクセスするには、「navigator.geolocation」オブジェクトを使用します。

##メソッド①:Geolocation.getCurrentPosition()
<端末の現在の位置を受け取る>

###構文

navigator.geolocation.getCurrentPosition(success[, error[, [options]])
引数 詳細
success コールバック関数。 GeolocationPosition オブジェクトを唯一の入力引数として受け取る
error 任意のコールバック関数。GeolocationPositionError オブジェクトを唯一の入力引数として受け取る(省略可)
option 任意の PositionOptions オブジェクト。(省略可)
maximumAge
(optionの例)
整数 (ミリ秒)キャッシュされた位置の最大寿命。(キャッシュの有効期限。)
timeout
(optionの例)
整数 (ミリ秒)。エラーコールバックが呼び出されるまでの時間。(タイムアウトまでの時間)
enableHighAccuracy
(optionの例)
falseまたはtrue。高精度の取得を行うかどうかを示すフラグ

##メソッド②:watchPosition() <位置を定期的に取得する>

###構文

navigator.geolocation.watchPosition(success[, error[, options]])
引数 詳細
success コールバック関数。GeolocationPosition オブジェクトを入力引数として受け取る
error 任意のコールバック関数。 GeolocationPositionError オブジェクトを入力引数として受け取る(省略可)
option 任意の PositionOptions オブジェクト。位置を監視する構成オプションを提供(省略可)

##位置情報

内容
coords.latitude 緯度
coords.longitude 経度
coords.altitude 高度
coords.accuracy 正確性(値が小さいほど正確)
coords.altitudeAccuracy 高度の正確性
coords.heading 方位
coords.speed 速度

##参考サイト

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?