为啥使用 JavaScript 在我的 PWA 上重复该位置？

Posted 2023-02-23

【中文标题】为啥使用 JavaScript 在我的 PWA 上重复该位置？

【英文标题】：Why the location is being repeated on my PWA with JavaScript?为什么使用 JavaScript 在我的 PWA 上重复该位置？

【发布时间】：2021-01-28 20:58:03

【问题描述】：

我在获取 PWA 用户的位置时遇到了问题。正在拍摄的位置是重复的，不会被更新。

$("#storeLocation").click(function () 
  navigator.geolocation.getCurrentPosition(
    function (e) 
      a = e.coords.latitude + "," + e.coords.longitude; 

      // HERE I STORE THE COORDS IN MY DATABASE
    ,
     enableHighAccuracy: true, timeout: Infinity, maximumAge: 0 
  );
);

该按钮正在工作，因为我可以看到，当我点击它时，它正在存储位置，但总是存储相同的位置。

【参考方案1】：

如果您想持续监控用户的位置，请使用 Geolocation API 方法 watchPosition()。它以相同的方式工作，除了它会随着用户位置的变化或变得更准确而多次触发。

$("#storeLocation").click(() => 
  const posOpts =  enableHighAccuracy: true, timeout: Infinity, maximumAge: 0 ;
  navigator.geolocation.watchPosition((e) => 
    const position = a = e.coords.latitude + "," + e.coords.longitude;
    // Store position here
  , posOpts);
);