如何从 getCurrentPosition() 获取坐标

Question

我想从getCurrentPosition() 方法中获取坐标，以便在其他方法中使用它，但我做不到。

这是我的 HTML

<div id="map"></div>

这是我的 JavaScript 代码

var x = document.getElementById("map");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    x.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  var a = position.coords.latitude;
  var b = position.coords.longitude;

  pos = {a, b}
  console.log(pos);
}
getLocation();

我想通过showPosition() 方法以某种方式访问​​pos 变量。有什么办法可以做到吗？或者如果我不能，有没有其他方法可以解决我的问题？请帮帮我。

Answer 1

您应该能够在全局范围内简单地定义pos，并且在您需要的任何地方都可以访问它。您在 showPosition 内部定义 pos 的方式也有问题

var x = document.getElementById("map");
var pos;

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    }
    else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {


    var a = position.coords.latitude;
    var b = position.coords.longitude;

    pos = [
        a,
        b
    ];

    console.log(pos);

}
getLocation();