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

Question

我在获取 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 }
  );
});

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

Answer 1

如果您想持续监控用户的位置，请使用地理定位 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);
});

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

Why the location is being repeated on my PWA with JavaScript?

javascript

jquery

geolocation

progressive-web-apps