如何在JavaScript中獲取當前的地理位置

這篇文章給大家介紹如何在JavaScript中獲取當前的地理位置，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

1.手機定位

var getLocation = function (successFunc, errorFunc) { 
  //successFunc獲取定位成功回調函數，errorFunc獲取定位失敗回調
  //首先設置默認城市
  var defCity = {
    id: '000001',
    name: '北京市',
    date: curDateTime()//獲取當前時間方法
  };
  //默認城市
  $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (position) {
      var lat = position.coords.latitude;
      var lon = position.coords.longitude;
      //var map = new BMap.Map("container");  // 創建Map實例
      var point = new BMap.Point(lon, lat); // 創建點坐標
      var gc = new BMap.Geocoder();
      gc.getLocation(point, function (rs) {
        var addComp = rs.addressComponents;
        var curCity = {
          id: '',
          name: addComp.province,
          date: curDateTime()
        };
        //當前定位城市
        $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
        //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
        if (successFunc != undefined)
          successFunc(addComp);
      });
    },
    function (error) {
      switch (error.code) {
        case 1:
          alert("位置服務被拒絕。");
          break;
        case 2:
          alert("暫時獲取不到位置信息。");
          break;
        case 3:
          alert("獲取位置信息超時。");
          break;
        default:
          alert("未知錯誤。");
          break;
      }
      var curCity = {
        id: '000001',
        name: '北京市',
        date: curDateTime()
      };
      //默認城市
      $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
      if (errorFunc != undefined)
        errorFunc(error);
    }, { timeout: 5000, enableHighAccuracy: true });
  } else {
    alert("你的瀏覽器不支持獲取地理位置信息。");
    if (errorFunc != undefined)
      errorFunc("你的瀏覽器不支持獲取地理位置信息。");
  }
};
var showPosition = function (position) {
  var lat = position.coords.latitude;
  var lon = position.coords.longitude;
  //var map = new BMap.Map("container");  // 創建Map實例
  var point = new BMap.Point(lon, lat); // 創建點坐標
  var gc = new BMap.Geocoder();
  gc.getLocation(point, function (rs) {
    var addComp = rs.addressComponents;
    var curCity = {
      id: '',
      name: addComp.province,
      date: curDateTime()
    };
    //當前定位城市
    $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
    //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
  });
};
var showPositionError = function (error) {
  switch (error.code) {
    case 1:
      alert("位置服務被拒絕。");
      break;
    case 2:
      alert("暫時獲取不到位置信息。");
      break;
    case 3:
      alert("獲取位置信息超時。");
      break;
    default:
      alert("未知錯誤。");
      break;
  }
  var curCity = {
    id: '000001',
    name: '北京市',
    date: curDateTime()
  };
  //默認城市
  $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
};

前提要引入百度API： <script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>

2.獲取客戶端IP方法

<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();
      $.getJSON(url, function(data) {
        alert(data.Ip);
      });
</script>

關于如何在JavaScript中獲取當前的地理位置就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。