使用html获取当前位置并使用javascript

Question

我想使用HTML5获取当前位置并将其与javascript结合使用。 我做了一些测试，它的工作原理，但与我的最终版本我有一个undefined值。

function geolocError(dueToBrowser=true){ 
    if(dueToBrowser){ 
     alert('your browser does not support HTML5 geolocation'); 
    }else{ 
     alert('error with geolocation'); 
    } 
} 



function getPositon(){ 
    return navigator.geolocation.getCurrentPosition(function(position){ 
     return position.coords; 
    }, geolocError); 
} 

$(document).ready(function() { 



    if(navigator.geolocation) { 
     var pos = getPositon(); 

     console.log(pos) 
} 
}); 

我的console.log(pos);返回我"undefined"。

Answer 1

地理定位是异步的，你不能这样做。你应该设置逻辑getCurrentPosition回调或使用延期对象：

参见例如jsFiddle

var defer = $.Deferred(); 

function getPositon() { 
    navigator.geolocation.getCurrentPosition(function (position) { 
     defer.resolveWith(position.coords); 
    }, geolocError); 
    return defer; 
} 

$(document).ready(function() { 
    if (navigator.geolocation) { 
     getPositon().done(function() { 
      console.log(this); 
     }); 
    } 
});