javascript - 支持地理定位但不起作用

Question

我正在尝试使用浏览器提供的地理位置。

这是我的代码

console.log("Before Geolocation");

        if(navigator.geolocation) {
        console.log("Geolocation Supported");
            navigator.geolocation.getCurrentPosition(function(position) {
                console.log("Within function");
                geoloc = position.coords.latitude + "," + position.coords.longitude;
                console.log(geoloc);                    
                }, 
            function(){ 
                console.log("error");
            },
            {
                timeout: 10000
            }
            );

        }
        else {
            console.log("geolocation not supported");
        }


        if (geoloc != '') {
            addition = geoloc;

        }

        else {

        addition = "DEFAULT LOCATION"; 

        }

        console.log(addition);

我的问题是，当我运行代码时，chrome 上的控制台输出显示:

Before Geolocation
Geolocation Supported
DEFAULT LOCATION

看起来调用是:

navigator.geolocation.getCurrentPosition(function(position) {

似乎没有被执行，因为成功函数和失败函数都没有做任何事情。 (可以在控制台查看)

该函数未触发但支持地理定位的原因可能是什么？

Answer 1

该函数被调用，但它是异步的。这就是为什么您必须提供回调函数。

var addition = "DEFAULT LOCATION";
var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};

if (navigator.geolocation) {
  console.log('geolocation supported');
  navigator.geolocation.getCurrentPosition(success, error, options);
} else {
  console.log("geolocation not supported");
  console.log(addition);
}

function success(position) {
  addition = position.coords.latitude + "," + position.coords.longitude;
  console.log(addition);

  // I worked! Party on...
}

function error(err) {
  console.error(err.message);
}