• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序(小程序定位获取地址信息篇)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

程序思路:

1、小程序获取用户定位信息(经纬度)

2、引入腾讯地图SDK ,将经纬度传入逆向定位方法  

3、SDK下载地址 

 

以下是代码

 

js

// 引入SDK核心类
var QQMapWX = require(\'xxx/qqmap-wx.js\');
 
// 实例化API核心类
var qqmapsdk = new QQMapWX({
    key: \'开发密钥(key)\' // 必填
});  
 
//在Page({})中使用下列代码
//触发表单提交事件,调用接口
    // 获取定位
    getLocation(){
        let that = this
        wx.getLocation({
            success: function (res) {
          //格式化经纬度
                that.formSubmit(res.latitude+ \',\' + res.longitude)
            },
            fail: function(error) {
                wx.showToast({
                    title: "获取定位失败",
                    icon: \'none\',
                    duration: 1500
                  })
            },
        })
    },

formSubmit(e) { var _this = this; qqmapsdk.reverseGeocoder({ //位置坐标,默认获取当前位置,非必须参数 /** * //Object格式 location: { latitude: 39.984060, longitude: 116.307520 }, */ /** * //String格式 location: \'39.984060,116.307520\', */ location: e.detail.value.reverseGeo || \'\', //获取表单传入的位置坐标,不填默认当前位置,示例为string格式 //get_poi: 1, //是否返回周边POI列表:1.返回;0不返回(默认),非必须参数 success: function(res) {//成功后的回调 console.log(res); var res = res.result; var mks = []; /** * 当get_poi为1时,检索当前位置或者location周边poi数据并在地图显示,可根据需求是否使用 * for (var i = 0; i < result.pois.length; i++) { mks.push({ // 获取返回结果,放到mks数组中 title: result.pois[i].title, id: result.pois[i].id, latitude: result.pois[i].location.lat, longitude: result.pois[i].location.lng, iconPath: \'./resources/placeholder.png\', //图标路径 width: 20, height: 20 }) } * **/ //当get_poi为0时或者为不填默认值时,检索目标位置,按需使用 mks.push({ // 获取返回结果,放到mks数组中 title: res.address, id: 0, latitude: res.location.lat, longitude: res.location.lng, iconPath: \'./resources/placeholder.png\',//图标路径 width: 20, height: 20, callout: { //在markers上展示地址名称,根据需求是否需要 content: res.address, color: \'#000\', display: \'ALWAYS\' } }); _this.setData({ //设置markers属性和地图位置poi,将结果在地图展示 markers: mks, poi: { latitude: res.location.lat, longitude: res.location.lng } }); }, fail: function(error) { console.error(error); }, complete: function(res) { console.log(res); } }) }

 

 不懂的同学欢迎留言

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序 地图地址解析发布时间:2022-07-18
下一篇:
微信小程序通过经纬度获取详细地址发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap