useGeolocation

类别

Sensors

导出大小

552 B

最近修改

2 days ago

响应式 地理位置 API。它允许用户在愿意的情况下向网页应用提供他们的位置。出于隐私原因，用户需要被请求许可以报告位置信息。

🌐 Reactive Geolocation API. It allows the user to provide their location to web applications if they so desire. For privacy reasons, the user is asked for permission to report location information.

示例

源代码在线运行

{
  "coords": {
    "accuracy": 0,
    "latitude": null,
    "longitude": null,
    "altitude": null,
    "altitudeAccuracy": null,
    "heading": null,
    "speed": null
  },
  "locatedAt": null,
  "error": null
}

用法

🌐 Usage

import { useGeolocation } from '@vueuse/core'

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

State	Type	Description
coords	Coordinates	information about the position retrieved like the latitude and longitude
locatedAt	Date	The time of the last geolocation call
error	string	An error message in case geolocation API fails.
resume	function	Control function to resume updating geolocation
pause	function	Control function to pause updating geolocation

配置

🌐 Config

useGeolocation 函数将 PositionOptions 对象作为可选参数。

组件用法

🌐 Component Usage

<template>
  <UseGeolocation v-slot="{ coords: { latitude, longitude } }">
    Latitude: {{ latitude }}
    Longitude: {{ longitude }}
  </UseGeolocation>
</template>