• 微信小程序


     

     

    实现步骤

    1. 获取当前经纬度

     

    2. 调用腾讯(百度、高德)地图对应的请求地址,一般都会有独一的key, 譬如

    腾讯地图调用地址:

    https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=${keys}

    百度地图调用地址: 

    https://apis.map.baidu.com/ws/geocoder/v2/?location=${latitude},${longitude}&key=${keys}
    

      

    wxml

    <view>{{district}}</view>
    
    <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
      <view class="picker">
        当前选择:{{region[0]}} - {{region[1]}} - {{region[2]}}
      </view>
    </picker>

     

    js

    let keys = 'SGXBZ-6X3K6-NYLSF-MALZD-QC6PK-BABOS';
    let _page, _this;
    
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        customItem: '全部'
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function(options) {
        _this = this;
        wx.getLocation({
          success: function(res) {
            _this.getDistrict(res.latitude, res.longitude)
          },
        })
      },
    
    
      getDistrict(latitude, longitude) {
        _page = this;
        wx.request({
          url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=${keys}`,
          header: {
            'Content-Type': 'application/json'
          },
          success: function(res) {
            console.log(res.data.result.address_component.district, res.data.result)
            
            // 省
            let province = res.data.result.address_component.province;
            // 市
            let city = res.data.result.address_component.city;
            // 区
            let district = res.data.result.address_component.district;
        
            _page.setData({
              district: res.data.result.address_component.district,
              region: [province,city,district]
            })
          }
        })
      },
    
      bindRegionChange (e) {
        console.log('picker发送选择改变,携带值为', e.detail.value)
        this.setData({
          region: e.detail.value
        })
      }
    })
    

      

     

  • 相关阅读:
    HTTP浅析
    PHP CURL获取cookies模拟登录
    C++ builder 通过WMI方式修改DNS
    C语言List使用样例
    C语言 获取系统临时目录并获取临时文件名
    C语言 写文件样例
    vb wmi 修改ip地址、网关、DNS
    正则表达式校验IP地址
    c语言 vector使用样例
    C++ builder 通过WMI查询网卡对应的序号
  • 原文地址:https://www.cnblogs.com/cisum/p/9809993.html
Copyright © 2020-2023  润新知