将 JS getCurrentPosition 传递给全局变量

Question

我正在构建一个需要用户位置的应用程序，为此我正在使用：

var options = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
};

function success(pos) {
    var crd = pos.coords;
    console.log('Your current position is:');
    console.log(`Latitude : ${crd.latitude}`);
    console.log(`Longitude: ${crd.longitude}`);
    console.log(`More or less ${crd.accuracy} meters.`);
    console.log(` ${crd.longitude}`);
 }

function error(err) {
    console.warn(`ERROR(${err.code}): ${err.message}`);
    console.log(`Latitude : 9`);
}

navigator.geolocation.getCurrentPosition(success, error, options);

如何将用户纬度和经度传递给全局变量？

Answer 1

全局声明变量并在回调中分配它们...（全局变量不是好的做法）

window.userLat = null;
window.userLng = null;

var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};

function success(pos) {
  var crd = pos.coords;
  console.log('Your current position is:');
  console.log(`Latitude : ${crd.latitude}`);
  console.log(`Longitude: ${crd.longitude}`);
  console.log(`More or less ${crd.accuracy} meters.`);
  console.log(` ${crd.longitude}`);
  userLat = crd.latitude;
  userLng = crd.longitude;
}

function error(err) {
  console.warn(`ERROR(${err.code}): ${err.message}`);
  console.log(`Latitude : 9`);
}

navigator.geolocation.getCurrentPosition(success, error, options);

Answer 2

您可以使用本地存储作为优化解决方案。

var options = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
};

function success(pos) {
    var crd = pos.coords;
    console.log('Your current position is:');
    console.log(`Latitude : ${crd.latitude}`);
    console.log(`Longitude: ${crd.longitude}`);
    console.log(`More or less ${crd.accuracy} meters.`);
    let userLatitude = crd.latitude;
    let userLongitude = crd.longitude;
    localStorage.setItem("USER_LATITUDE", userLatitude);
    localStorage.setItem("USER_LONGITUDE", userLongitude);
    console.log(` ${crd.longitude}`);
 }

function error(err) {
    console.warn(`ERROR(${err.code}): ${err.message}`);
    console.log(`Latitude : 9`);
}

navigator.geolocation.getCurrentPosition(success, error, options);

如果你想使用这个位置数据；

var latitude = localStorage.getItem('USER_LATITUDE');
var longitude = localStorage.getItem('USER_LONGITUDE');

将 JS getCurrentPosition 传递给全局变量

Passing JS getCurrentPosition to global variable

html

javascript

variables

global-variables

geolocation