地理位置API無法與Vue.js一起使用

Question

我正在嘗試為我的應用獲取地理位置。 地理位置應在創建的掛鈎上進行抓取。

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塊即可。 希望對您有所幫助:)在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'); }