Geolocationï¼watchPosition() æ¹æ³

Baseline Widely available

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015å¹´7æ.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

èªæ³

watchPosition(success)
watchPosition(success, error)
watchPosition(success, error, options)

åæ¸

success: ä¸ååå¼å½å¼ï¼å®æ¥åä¸å GeolocationPosition ç©ä»¶ä½çºè¼¸å¥åæ¸ã
error é¸ææ§: ä¸åå¯é¸çåå¼å½å¼ï¼å®æ¥åä¸å GeolocationPositionError ç©ä»¶ä½çºè¼¸å¥åæ¸ã
options é¸ææ§: ä¸åå¯é¸çç©ä»¶ï¼çºä½ç½®ç£æ§æä¾çµæé¸é ãæéå¯è½é¸é çæ´å¤è©³ç´°è¨æ¯ï¼åè¦ Geolocation.getCurrentPosition()ã

åå³å¼

ä¸åæ´æ¸ IDï¼ç¨æ¼èå¥å·²è¨»åçèçå½å¼ãæ¤ ID å¯ä»¥å³éçµ¦ Geolocation.clearWatch() ä»¥åæ¶è¨»åè©²èçå½å¼ã

ç¯ä¾

let id;
let target;
let options;

function success(pos) {
  const crd = pos.coords;

  if (target.latitude === crd.latitude && target.longitude === crd.longitude) {
    console.log("æåï¼ä½ å·²å°éç®æ¨");
    navigator.geolocation.clearWatch(id);
  }
}

function error(err) {
  console.error(`é¯èª¤ï¼${err.code}ï¼ï¼${err.message}`);
}

target = {
  latitude: 0,
  longitude: 0,
};

options = {
  enableHighAccuracy: false,
  timeout: 5000,
  maximumAge: 0,
};

id = navigator.geolocation.watchPosition(success, error, options);