快捷導(dǎo)航

使用JS獲取當(dāng)前地理位置的2種方法舉例

更新時(shí)間：2023年11月08日 10:09:35 作者：喬~~

這篇文章主要給大家介紹了關(guān)于使用JS獲取當(dāng)前地理位置的2種方法,獲取當(dāng)前位置在實(shí)際場景中非常有用,比如定位用戶的位置,為其推薦周邊的商家和服務(wù)等,需要的朋友可以參考下

HTML5 Geolocation API

HTML5 Geolocation API是W3C定制的用于獲取用戶地理位置信息的標(biāo)準(zhǔn)API，它可以使用純JavaScript來獲取用戶的GPS坐標(biāo)信息，這是一種免費(fèi)的獲取位置的方法。

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    alert("Geolocation is not supported by this browser.");
  }
}
function showPosition(position) {
  var lat = position.coords.latitude;
  var long = position.coords.longitude;
  alert("Latitude: " + lat + "<br>Longitude: " + long);
}

IP定位API

如果HTML5 Geolocation API無法滿足需求，可以使用IP定位API來獲取用戶的位置信息。它可以根據(jù)用戶IP地址獲取其地理位置，但這種方式在定位精度方面存在一定的局限性。

function getLocation() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var response = JSON.parse(xhttp.responseText);
      var lat = response.lat;
      var long = response.lon;
      alert("Latitude: " + lat + "<br>Longitude: " + long);
    }
  };
  xhttp.open("GET", "https://ipapi.co/json/", true);
  xhttp.send();
}

以上是兩種獲取當(dāng)前地理位置的方法，你可以根據(jù)實(shí)際情況選擇其中一種或者結(jié)合使用。如果需要更精確的位置信息，可以嘗試使用GPS設(shè)備或者其他輔助定位設(shè)備。

附：javascript 獲取當(dāng)前所在城市定位

在 JavaScript 中獲取當(dāng)前所在城市定位，可以使用瀏覽器的地理定位功能。

首先，需要檢查瀏覽器是否支持地理定位功能，可以使用 navigator.geolocation 對象來進(jìn)行檢查。如果瀏覽器不支持地理定位功能，則可以使用其他方法(例如通過 IP 地址獲取定位信息)來獲取用戶的地理位置。

如果瀏覽器支持地理定位功能，則可以使用 navigator.geolocation.getCurrentPosition 方法來獲取用戶的地理位置。該方法接受兩個(gè)參數(shù)：一個(gè)回調(diào)函數(shù)和一個(gè)錯(cuò)誤回調(diào)函數(shù)?；卣{(diào)函數(shù)會接收一個(gè)參數(shù)，即當(dāng)前的地理位置信息，包括緯度、經(jīng)度和海拔信息。

例如：

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    console.log(position.coords.latitude);
    console.log(position.coords.longitude);
  }, function(error) {
    console.log(error.message);
  });
} else {
  console.log("瀏覽器不支持地理定位功能");
}

上面的代碼會嘗試獲取用戶的地理位置信息，如果成功，則會在控制臺輸出緯度和經(jīng)度信息，如果失敗，則會在控制臺輸出錯(cuò)誤信息。

注意：獲取地理位