微信小程序API——获取定位

布满荆棘的人生 2024-04-20 08:35 80阅读 0赞

其实获取定位很简单，我们直接调用微信的接口wx.getLocation,结果会返回给我们一个json数组，结果就像上图一样，数组中包含各种属性，我们最需要的就是经度(longitude)和纬度(latitude)，我们获得了当前位置的经纬度就可以调用高德地图的API，把我们的经纬度传上去，之后就能够获得高德地图给我们返回的信息。

首先我们需要从高德地图的官网上下载一个微信小程序SDK  
[下载地址][Link 1]

var amapFile = require('../../libs/amap-wx.js');
    var markersData = { 
      latitude: '',//纬度
      longitude: '',//经度
      key: "高德地图key"//申请的高德地图key
    };
    Page({ 
    
      /** * 页面的初始数据 */
      data: { 
        weather:[],
      },
    
      /** * 生命周期函数--监听页面加载 */
      onLoad: function (options) { 
        this.loadInfo();
      },
    
    
      //获取当前位置的经纬度
      loadInfo: function(){ 
        var that=this;
        wx.getLocation({ 
          type: 'gcj02', //返回可以用于wx.openLocation的经纬度
          success: function (res) { 
            var latitude = res.latitude//维度
            var longitude = res.longitude//经度
            console.log(res);
            that.loadCity(latitude,longitude);
          }
        })
      },
    
      //把当前位置的经纬度传给高德地图，调用高德API获取当前地理位置，天气情况等信息
      loadCity: function (latitude, longitude){ 
        var that=this;
        var myAmapFun = new amapFile.AMapWX({  key: markersData.key });
        myAmapFun.getRegeo({ 
          location: '' + longitude + ',' + latitude + '',//location的格式为'经度,纬度'
          success: function (data) { 
            console.log(data);
          },
          fail: function (info) {  }
        });
    
        myAmapFun.getWeather({ 
          success: function (data) { 
            that.setData({ 
              weather: data
            })
            console.log(data);
            //成功回调
          },
          fail: function (info) { 
            //失败回调
            console.log(info)
          }
        })
      },
    
    
    })

[Link 1]: http://lbs.amap.com/api/wx/download

发表评论取消回复

表情：

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

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

相关阅读

相关微信小程序API——获取定位

实获取定位很简单，我们直接调用微信的接口wx.getLocation,结果会返回给我们一个json数组，结果就像上图一样，数组中包含各种属性，我们最需要的就是经度(lon...

布满荆棘的人生/ 2024年04月20日 08:35/ 0 赞/ 81 阅读

相关微信小程序 - 定位功能

（1）查看微信小程序文档 ![1149706-20190705163818472-567622913.png][] ![1149706-201907051638264

╰半夏微凉°/ 2023年08月17日 16:01/ 0 赞/ 205 阅读

相关 uniapp的微信小程序，定位获取授权

1. 详细见代码：在需要.vue页面调用如下方法。 onReady(){ this.isGetLocation(); }, metho

谁践踏了优雅/ 2023年02月18日 11:52/ 0 赞/ 22 阅读

相关微信小程序核心类定位

[腾讯地图官网文档地址][Link 1] [核心类jdk][jdk] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

矫情吗；*/ 2023年01月23日 12:54/ 0 赞/ 16 阅读

相关微信小程序封装api

-------------------- 要有遥不可及的梦想，也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮) ----

超、凢脫俗/ 2023年01月15日 15:23/ 0 赞/ 199 阅读

相关微信小程序定位及导航

app.json "permission": { "scope.userLocation": { "desc": "你的位置信息将用于

矫情吗；*/ 2022年11月14日 14:56/ 0 赞/ 214 阅读

相关【微信小程序】调用api

index.js onLoad: function (options) { wx.request({ url: 'https://

￡神魔★判官ぃ/ 2022年11月05日 08:36/ 0 赞/ 276 阅读

相关微信小程序获取 openID

1.通过 wx.login接口获取code如： wx.login(\{ success: res => \{ console.log("code

灰太狼/ 2021年12月18日 20:17/ 0 赞/ 463 阅读

相关微信小程序微信小程序框架API

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 微信小程序框架所提供的API接口也是相当完备的,如果说小程序组件是用来构建小程序的视图层,那么小

àì夳堔傛蜴生んèń/ 2021年09月08日 21:04/ 0 赞/ 856 阅读

相关微信小程序——拖拽定位

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小鱼儿/ 2021年07月25日 23:00/ 0 赞/ 455 阅读