コントローラのナビゲータからユーザの位置を取得する

Question

navigator.geolocation.getcurrentpositionを使用して現在のユーザの場所（緯度/経度）を取得しています。ここに私の関数があります：

function userLocation(){ 

    var response = []; 
    if (navigator.geolocation) { 

     navigator.geolocation.getCurrentPosition(function(p){ 
      // on success 
      response['latitude'] = p.coords.latitude; 
      response['longitude'] = p.coords.longitude; 

      console.log(response); 

     }, function(e){ 
      // on error 
      console.log(e); 
     }); 

    } else { 
     console.log("Geolocation is not supported by this browser."); 
    } 

    return response; 

} 

それは、常に空の配列を返し、私は応答を返すことはできませんのでgetCurrentPosition関数は非同期呼び出しを行うことを理解しています。

私はGoogleのgeocode apiを使用して場所を取得しようとしましたが、それはユーザーのIPアドレスに基づいており、正確ではありません。

これらの緯度/経度を返す関数が必要です。私のコントローラの関数でgetCurrentPositionからの応答を得る方法はありますか？

Answer 1

第3パラメータgetCurrentPositionを使用できます。 以下の例を参照してください。

var response = []; 
var options = { 
    enableHighAccuracy: true, 
    timeout: 5000, 
    maximumAge: 0 
}; 

function success(pos) { 
    response['latitude'] = pos.coords.latitude; 
    response['longitude'] = pos.coords.longitude; 
}; 

function error(err) { 
    // 
}; 

navigator.geolocation.getCurrentPosition(success, error, options); 

また、次のリンクを参照することもできます。

https://www.tutorialspoint.com/html5/geolocation_getcurrentposition.htm

Answer 2

のonloadウィンドウに入れgetLocation()機能と1つのポップアップがあなたの場所を許可するように要求されます、あなたが許可した場合、あなたのlattitudeと経度がgrabedされます。

以下のコードを使用してください。

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

function showPosition(position) { 
    console.log("Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude); 
    $.ajax({ 
     url: 'abc.php', 
     type: 'POST', 
     data: 'latitude='+position.coords.latitude+'&longitude='+position.coords.longitude, 
     success: function(data) { 
     console.log(data); 
     }, 
     error: function(e) { 
     //called when there is an error 
     //console.log(e.message); 
     } 
    }); 
} 

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_geolocation

Answer 3

がresponse.push()

var response = []; 
if (navigator.geolocation) { 

    navigator.geolocation.getCurrentPosition(function(p){ 

     response.push(p.coords.latitude, p.coords.longitude); 

     console.log(response); 

    }); 

} else { 
    console.log("Geolocation is not supported by this browser."); 
} 

Answer 4

を使用して、現在位置の値をプッシュしようと多くのアイデアを得るために、このリンクを参照してくださいここでの結果で何かをする方法は次のとおりです。

function userLocation(cb) { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function(p){ 
      // on success 
      cb(null, p.coords); 
     }, function(e){ 
      // on error 
      cb(e, null); 
     }); 
    } else { 
     cb("Geolocation is not supported by this browser.", null); 
    } 
} 

今このような関数を呼び出します：

userLocation(function(err, coords) { 
    if (err) console.log(err); 
    else { 
     // do something with coords 
    } 
});