H5与微信获取用户当前位置

微信和h5原生方法都提供了获取用户地理位置的方法，需要使用第三方的逆地理编码的方式获得用户的实际位置信息。

1、H5方法

H5的新特性中加入了获取地理位置的方法window.navigator.geolocation，使用该方法我们可以方便的获取用户的地理位置，在通过第三方的逆地理编码的方法可以获得用户所在的实际位置。我用的是百度地图的web API，需要使用者在百度地图的开发者平台上申请一个KEY,

var startGps=function (){
   if(window.navigator.geolocation){
      window.navigator.geolocation.getCurrentPosition(getSuccess,getError);
   }else{
      $rootScope.SelectPayCityName = "北京市";
   }
};
var getSuccess=function(position){
var latlon = position.coords.latitude+','+position.coords.longitude;
//baidu
var url = "https://api.map.baidu.com/geocoder/v2/?ak=&callback=renderReverse&location="+$scope.latlon+"&output=json&pois=0";
   $.ajax({      type: "GET",      dataType: "jsonp",      url: $scope.url ,      success: function (data) {         if(data.status==0){        
		var SelectPayCityName=data.result.addressComponent.city;
         }else{
		var SelectPayCityName = "北京市";
         }      },      error: function (data) {         
		var SelectPayCityName = "北京市"
      }   });};
var getError=function(){
	var SelectPayCityName = "北京市";
};

2、微信公众平台

微信直接提供了获取用户的地理位置的方法，需要我们在wx,cofig()中获取调用的权限

wx.config({
   debug : false,
   appId : apiData.appid,
   timestamp : apiData.timestamp,
   nonceStr : apiData.noncestr,
   signature : apiData.signNature,
   jsApiList : ['scanQRCode','closeWindow','chooseWXPay','getLocation']
});

获得权限后我们就可以直接使用wx.getLocation()方法获得用户的地理位置了。

var getCityName=function(){
   wx.getLocation({
      "type": 'wgs84',
      "success": function (res) {    
		var latitude = res.latitude; // 纬度，
         	var longitude = res.longitude; //精度         //百度地图逆地理编码         	var url = "https://api.map.baidu.com/geocoder/v2/?callback=renderReverse&location="+latitude+','+longitude+"&output=json&ak=4Dfl9xwPGejMePRRzASXZAoIznQY7fe2";         $.ajax({            type: "GET",            dataType: "jsonp",            url:url ,            success: function (data) {               if(data.status==0){                  var SelectPayCityName=data.result.addressComponent.city;               }else{                  var SelectPayCityName = "北京市";               }            },            error: function (data) {              var SelectPayCityName = "北京市";            }         })      },      "cancel":function(res){         var SelectPayCityName = "北京市";      }   });}