定位3.根据经纬度在获取的腾讯地图接口上找到地址

详见:码云小程序demo1
1.注册腾讯地图>设置key>key管理勾选WebServiceAPI
2.开发文档>服务端WebServiceAPI>逆地址解析(坐标位置描述)
//获取get请求的接口,location和key必填
3.wxml
<van-cell-group>
  {{address}}
  <!-- autosize:自适应 -->
  <van-field autosize type="textarea"
   model:value="{{ address }}" center clearable label="短信验证码"
    placeholder="请输入短信验证码"
    border="{{ false }}" use-button-slot>
    <van-button custom-style="width:100rpx" slot="button"
     size="small" type="primary" icon="location-o"
      bindtap="getAddress3"></van-button>
  </van-field>
</van-cell-group>
3.js
import Router from '../../utils/index'
import {
  getLocationWithSetting
} from '../../utils/location'
Router({

  /**
   * 页面的初始数据
   */
  data: {
    address: '',
  },
  async getAddress3() { //转化成同步 执行函数getLocationWithSetting,并打印
    let res = await getLocationWithSetting()
    console.log(res);
    if (res) {
      let address = await this.$get('https://apis.map.qq.com/ws/geocoder/v1/', { 
      //将经纬度转化成 例:39.984154,116.307490的格式
        location: [res.lat, res.lng].join(),
        key: 'K2VBZ-IM5WO-V65W7-SV4SA-W4HYF-VSFD3'
      }
     //打印地址
      this.$set('address', address.result.address + 
      address.result.formatted_addresses.recommend)
    }
  },
}



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值