useGeolocation

リアクティブなGeolocation API。ユーザーが望む場合、ウェブアプリケーションに位置情報を提供することができます。プライバシーの理由から、位置情報を報告するための許可がユーザーに求められます。

使用法

import { useGeolocation } from '@vueuse/core'

const { coords, locatedAt, error, resume, pause } = useGeolocation()

状態	型	説明
coords	`Coordinates`	緯度や経度など、取得された位置に関する情報
locatedAt	`Date`	最後の位置情報取得の呼び出し時間
error	`string`	位置情報APIが失敗した場合のエラーメッセージ
resume	`function`	位置情報の更新を再開するための制御関数
pause	`function`	位置情報の更新を一時停止するための制御関数

設定

useGeolocation 関数は、オプションのパラメータとして PositionOptions オブジェクトを受け取ります。

コンポーネントの使用法

<template>
  <UseGeolocation v-slot="{ coords: { latitude, longitude } }">
    緯度: {{ latitude }}
    経度: {{ longitude }}
  </UseGeolocation>
</template>

※このページは Nuxt.js 公式ドキュメントの翻訳ページです。

公式ドキュメントの該当ページはこちら：
#