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

布满荆棘的人生 2022-07-13 02:18 643阅读 0赞

微信和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 = "北京市";      }   });}

发表评论取消回复

表情：

评论列表（有 0 条评论，643人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序之获取当前位置信息

纬度： wx.getLocation({ success: rse => { console.log(rse.latitud...

╰+攻爆jí腚メ/ 2024年04月17日 20:43/ 0 赞/ 123 阅读

相关 h5获取微信用户openid

[参考地址：https://blog.csdn.net/MrNoboday/article/details/82792869][https_blog.csdn.net_MrNo

绝地灬酷狼/ 2023年10月08日 12:33/ 0 赞/ 10 阅读

相关微信小程序获取当前的位置

微信小程序获取位置信息的方式有两种，一种是调用微信官方的接口来获取，如getLocation,这种方式只能获取经纬度 [微信官方文档][Link 1] > https:/

雨点打透心脏的1/2处/ 2023年10月07日 20:47/ 0 赞/ 39 阅读

相关 vue-app之H5获取当前位置信息

在H5app中获取当前定位有很多种方法，比如可以直接调用某个地图的api进行获取当前位置的定位，还有就是[H5+][H5]中的Geolocation模块管理设备位置信息，用于获

超、凢脫俗/ 2023年08月17日 15:31/ 0 赞/ 190 阅读

相关微信小程序获取当前位置（二）

现在要点击下面图标的时候获取到当前位置信息： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

女爷i/ 2022年12月20日 12:55/ 0 赞/ 323 阅读

相关微信公众号---微信公众号跳H5，H5网页授权获取用户信息

需求描述：在微信公众号中，跳转到第三方H5网站，第三方H5网站可以获取微信用户信息。官方API: [微信公众号网页授权][Link 1

电玩女神/ 2022年09月09日 06:03/ 0 赞/ 388 阅读

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

微信和h5原生方法都提供了获取用户地理位置的方法，需要使用第三方的逆地理编码的方式获得用户的实际位置信息。 1、H5方法 H5的新特性中加入了获取地理位置的方法window

布满荆棘的人生/ 2022年07月13日 02:18/ 0 赞/ 644 阅读

相关微信H5支付，获取用户真实ip

一、官方文档说明，是PHP的方式，这里不再赘述https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15\_5 二、ja

谁践踏了优雅/ 2022年06月07日 13:56/ 0 赞/ 365 阅读

相关 h5移动端获取当前位置信息

function getPosition(){ 　　　　　　 //判断浏览器是否支持HTML5 定位　　　　　　if(wind

阳光穿透心脏的1/2处/ 2022年06月01日 09:59/ 0 赞/ 460 阅读

相关微信JSSDK获取当前地理位置信息

最近在研究微信JS-SDK文档中的地理位置接口部分，小有心得，在此和大家分享一下。首先是JSSDK的接入，可参照官方文档来做，在此略过。下面进入本文的正题：如果获取当...

朱雀/ 2020年11月28日 06:01/ 0 赞/ 1024 阅读