js 移動端獲取當前用戶的經緯度

1、HTML5 geolocation的屬性

if(navigator.geolocation){
  navigator.geolocation.getCurrentPosition(onSuccess , onError);
}else{
  alert("您的瀏覽器不支持使用HTML 5來獲取地理位置服務");
}
//定位數據獲取成功響應
function  onSuccess(position){
      alert('緯度: '          + position.coords.latitude          + '\n' +
      '經度: '         + position.coords.longitude         + '\n' +
      '海拔: '          + position.coords.altitude          + '\n' +
      '水平精度: '          + position.coords.accuracy          + '\n' +
      '垂直精度: ' + position.coords.altitudeAccura)
}
//定位數據獲取失敗響應
function onError(error) {
  switch(error.code)
  {
    case error.PERMISSION_DENIED:
    alert("您拒絕對獲取地理位置的請求");
    break;
    case error.POSITION_UNAVAILABLE:
    alert("位置信息是不可用的");
    break;
    case error.TIMEOUT:
    alert("請求您的地理位置超時");
    break;
    case error.UNKNOWN_ERROR:
    alert("未知錯誤");
    break;
  }
}

 

2、百度地圖api定位

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxx"></script>
 <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
 <script>
    window.BMap = BMap；
    let BMap = window.BMap
    let geolocation = new BMap.Geolocation()

    geolocation.enableSDKLocation(); //容許SDK輔助
    geolocation.getCurrentPosition(function (r)
   {
        if(this.getStatus() == 0){
        console.log(r)
       }
  })
 </script>        

 相關文章：HTML5獲取地理經緯度並經過百度接口獲得實時位置

   百度地圖api

   百度地圖鷹眼記錄軌跡

 

三 、騰訊地圖api定位

<iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no"
    src="https://apis.map.qq.com/tools/geolocation?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
</iframe>

window.addEventListener('message', function(event) {
    // 接收位置信息
    var loc = event.data;
    console.log('location', loc);
}, false)       ;
setTimeout(function() {
    if (!_this.loc) {
       console.log('定位超時')
    }
}, 6000) // 6s爲推薦值，業務調用方可根據本身的需求設置改時間，不建議過短

 騰訊地圖組件API

 騰訊JavaScript API