javascript - 谷歌JavaScript map getCurrentPosition

我该如何使用：

navigator.geolocation.getCurrentPosition()

获取当前位置的坐标。
这是来自Google网站的示例：

function initialize() {
 var mapOptions = {
   zoom: 6
 };
 map = new google.maps.Map(document.getElementById('map-canvas'),
     mapOptions);

 // Try HTML5 geolocation
 if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
       var pos = new google.maps.LatLng(position.coords.latitude,
                                   position.coords.longitude);

       var infowindow = new google.maps.InfoWindow({
            map: map,
            position: pos,
            content: 'Location found using HTML5.'
            });
        map.setCenter(pos);
      }, function() {
           handleNoGeolocation(true);
         });
 } else {
   // Browser doesn't support Geolocation
      handleNoGeolocation(false);
 }
}

我尝试将var pos部分替换为myPos，它是一个全局变量，但是没有用。
我的意思是，在initialize（）函数之后，我总是无法定义myPos。
在表单（窗口）加载时调用的初始化函数中，获取纬度和经度navigator.geolocation.getCurrentPosition（）的正确方法是什么？

最佳答案

.getCurrentPosition()是一个异步函数，因此一旦有这些坐标，它就会执行一个回调，例如

navigator.geolocation.getCurrentPosition(function(position){
  console.log(position);
});

这会给你这样的东西：

{
  "timestamp": 1421093714138,
  "coords":
    {
      "speed": null,
      "heading": null,
      "altitudeAccuracy": null,
      "accuracy": 20,
      "altitude": null,
      "longitude": -122.4091036,
      "latitude": 37.7837543
    }
}

在回调中，您传递.getCurrentPosition甚至可以更新变量（假设它们已事先声明）。我猜测您的myPos变量未定义的原因是因为您连接到Google Maps API的方式存在问题。如果您不使用Google地图，而只想获取位置，则可以执行以下操作：

var myPos;

navigator.geolocation.getCurrentPosition(function(position){
  myPos = position;
});

哦，请确保您允许网站访问您的位置。在chrome中，您会在页面顶部看到一个条，上面写着“ 想要使用计算机的位置[拒绝] [允许]”

编辑：

两件事错了。您只能在回调函数的范围内访问该变量-只有在该函数运行后，才会定义tmpPos。就像我上面说的，.getCurrentPosition是一个asynchronous函数。这意味着它设置了一个过程来获取您的地理位置，但与此同时进行其他操作（在您的情况下，它继续前进并尝试将其他变量更新为尚无信息）。

另外，您要在自身内部调用initialize函数，这样将创建一个永无止境的无限循环函数。要解决此问题，请尝试：

function initialize(){
navigator.geolocation.getCurrentPosition(function(position){
  // create the map here, because we only have access to position inside of this function
  // even if we store in a global variable, it only gets updated once this callback runs

  var currentPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
}

initialize();