为什么这个 HTML5 地理位置相关的 JavaScript 代码会出错？

Question

我有一些取决于地理位置的 javascript 代码。

http://jsfiddle.net/8D6vz/

var myLat = 0.0;
var myLng = 0.0;

function setCurrentPosition(position) {
 myLat = position.coords.latitude;
 myLng = position.coords.longitude;
}

function errorOccured() {
 document.write("sorry, error occured :( ");
}

$(function() {
 navigator.geolocation.getCurrentPosition(setCurrentPosition, errorOccured);
 document.write(myLat + " " + myLng);
});

然而，这段代码仅仅产生

0 0

而不是

"client's latitude here" "client's longitude here"

为什么？

我使用的是谷歌浏览器，它肯定支持地理定位。我还允许我的浏览器跟踪我的位置。 ​

Answer 1

GetCurrentPosition 是一个异步函数，你可以像这样使用它

function GetGeolocation() {

navigator.geolocation.getCurrentPosition(GetCoords, GetError);

}
function GetCoords(position){

  var lat = position.coords.latitude;

  var long = position.coords.longitude;

  var accuracy = position.coords.accuracy;

  alert('Latitude: ' + lat + ', Longitude: '+ long);

}

Answer 2

哦，我想我明白了。

我相信

navigator.geolocation.getCurrentPosition()

是一个异步函数。因此，setCurrentPosition(position) 是在将纬度和经度值打印到屏幕上后调用的，它会打印原始值。