javascript - 地理定位 API 不适用于 Vue.js

Question

我正在尝试为我的应用程序获取地理位置。应在创建的 Hook 上抓取地理位置。

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(displayLocationInfo);
}

function displayLocationInfo(position) {
  const lng = position.coords.longitude;
  const lat = position.coords.latitude;

  console.log(`longitude: ${ lng } | latitude: ${ lat }`);
}

但是我的控制台是空的。

Answer 1

使用 Geolocation API 的真正方法是在使用之前检查它在您的设备/浏览器上的可用性，因此只需在现有代码中添加一个 else block 即可。希望它会有所帮助:) 查看更多信息 MDN

if ("geolocation" in navigator) {
  /* geolocation is available */
  navigator.geolocation.getCurrentPosition(displayLocationInfo);
  
  function displayLocationInfo(position) {
    const lng = position.coords.longitude;
    const lat = position.coords.latitude;

    console.log(`longitude: ${ lng } | latitude: ${ lat }`);
  }
} else {
  /* geolocation IS NOT available  */
  console.log('geolocation IS NOT available on your browser');
}