JS method instance for obtaining current geographical location-JS Tutorial-php.cn

JS method instance for obtaining current geographical location

小云云

Release： 2018-01-22 09:24:28

Original

2292 people have browsed it

This article mainly introduces the method of obtaining the current geographical location in JS in detail. It has certain reference value. Interested friends can refer to it. I hope it can help everyone.

The example in this article shares the specific code of the JS method of obtaining the current geographical location for your reference. The specific content is as follows

1. Mobile phone positioning

var getLocation = function (successFunc, errorFunc) { 
  //successFunc获取定位成功回调函数，errorFunc获取定位失败回调
  //首先设置默认城市
  var defCity = {
    id: &#39;000001&#39;,
    name: &#39;北京市&#39;,
    date: curDateTime()//获取当前时间方法
  };
  //默认城市
  $.cookie(&#39;VPIAO_MOBILE_DEFAULTCITY&#39;, JSON.stringify(defCity), { expires: 1, path: &#39;/&#39; });
  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: &#39;&#39;,
          name: addComp.province,
          date: curDateTime()
        };
        //当前定位城市
        $.cookie(&#39;VPIAO_MOBILE_CURRENTCITY&#39;, JSON.stringify(curCity), { expires: 7, path: &#39;/&#39; });
        //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: &#39;000001&#39;,
        name: &#39;北京市&#39;,
        date: curDateTime()
      };
      //默认城市
      $.cookie(&#39;VPIAO_MOBILE_DEFAULTCITY&#39;, JSON.stringify(curCity), { expires: 1, path: &#39;/&#39; });
      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: &#39;&#39;,
      name: addComp.province,
      date: curDateTime()
    };
    //当前定位城市
    $.cookie(&#39;VPIAO_MOBILE_CURRENTCITY&#39;, JSON.stringify(curCity), { expires: 7, path: &#39;/&#39; });
    //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: &#39;000001&#39;,
    name: &#39;北京市&#39;,
    date: curDateTime()
  };
  //默认城市
  $.cookie(&#39;VPIAO_MOBILE_DEFAULTCITY&#39;, JSON.stringify(curCity), { expires: 1, path: &#39;/&#39; });
};

Copy after login

The prerequisite is to introduce Baidu API:

2. Get client IP method

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

Copy after login

Related recommendations:

How to obtain the current geographical location through WeChat and save it in the session

WeChat development to receive geographical location and links The interface and parameters

js enables the PC to locate the current city location based on IP

The above is the detailed content of JS method instance for obtaining current geographical location. For more information, please follow other related articles on the PHP Chinese website!