根据详情地址解析经纬度,获取位置(腾讯地图)

var QQMapWX = require('../../common/qqmap-wx-jssdk.min.js');
var qqmapsdk;

  onLoad: function (options) {
    
    qqmapsdk = new QQMapWX({
      key: '你的腾讯地图key'
    });
  },

  //解析地址为经纬
  detaiAddress: function (e) {
    let {
      id
    } = e.currentTarget.dataset
    let index = this.data.list.findIndex(item => item.company_id == id);
    let title = '';
    if (index != -1{
      title = this.data.list[index].company_address;
    }

    var that = this;
    qqmapsdk.geocoder({
      //获取表单传入地址
      address: title, //地址参数,例:固定地址,address: '北京市海淀区彩和坊路海淀西大街74号'
      success: function (res) { //成功后的回调
        console.log(res);
        var res = res.result;
        var latitude = res.location.lat;
        var longitude = res.location.lng;
        that.data.returnDetail = res.title;
        that.lunchMap(latitude, longitude, res.title); //唤起地图
      },
      fail: function (error) {
        console.error(error);
        wx.showToast({
          title: error.message,
          icon: 'none'
        })
      },
      complete: function (res) {
        // console.log(res);
      }
    })
  },

  // 唤起小程序内置地图
  //唤起地图
  lunchMap: function (latitude, longitude, title) {
    var that = this;
    wx.openLocation({
      latitude: latitude, // 纬度,浮点数,范围为90 ~ -90

      longitude: longitude, // 经度,浮点数,范围为180 ~ -180。

      name: title, // 地图上显示的位置名

      address: '', // 地址详情说明

      scale: 15, // 地图缩放级别,整形值,范围从5~28。

      infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转

    });

  },





免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情