咫尺资讯站一一为您提供时下热门前沿动态

查看更多
首页> 微信小程序资讯> 网页端&小程序的前端note:QQMapWX定位的使用

网页端&小程序的前端note:QQMapWX定位的使用

阅读:884微信小程序

使用前请前往微信官网下载qqmap-wx-jssdk.js文件
由于region数组在业务系统中对应的是属性,本人进行一些逻辑处理

注意事项:
1 value只能是region,改了就无效
2 region只能是数组
3 必须要有默认值才能使用,若请求失败,提供默认值

<view class="l-ship-addr edit-field" id="distpicker1">    <text>收货地址:</text>     <picker mode="region" name="addressRegion" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">       <view class="picker">        {{region[0]}}{{region[1]}}{{region[2]}}        </view>     </picker></view>

在业务js文件中引入地图js文件

var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');var qqmapsdk; /**   * 监听定位到当前位置 给省市区默认值   */  listenerBtnGetLocation: function () {    // 实例化腾讯地图API核心类    qqmapsdk = new QQMapWX({      key: 'RI5BZ-RFVRU-G3VVI-2M24V-36YLZ-POFQM' // 必填    });    var that = this    var regionWX=[];    wx.getLocation({      type: 'wgs84',      success: function (res) {        //2、根据坐标获取当前位置名称,显示在顶部:腾讯地图逆地址解析        qqmapsdk.reverseGeocoder({          success: function (res) {            regionWX[0] = res.result.address_component.province;            regionWX[1] = res.result.address_component.city;            regionWX[2] = res.result.address_component.district;            that.setData({              region: regionWX            })          },          fail: function (res) {            console.log(res);          },          complete: function (res) {            console.log(res);          }        })      },      fail: function (err) {        that.setData({          region: ['广东省', '广州市', '海珠区']        })        console.log(err)      },      complete: function (info) {        console.log(info)      }    })  },

网页端待补充

【温馨提示】即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至1223636800@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎