zoukankan      html  css  js  c++  java
  • 微信小程序 地图地址解析

    1、微信小程序提供了几个方式,引入地图,

    wx.getLocation(OBJECT)
    获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用
    
    wx.chooseLocation(OBJECT)
    打开地图选择位置。
    
    wx.openLocation(OBJECT)
    ​使用微信内置地图查看位置。

    2、如果想解析地址的话,微信小程序没有提供地址解析,所以必须引入地图插件,看了高德、百度和腾讯的地图,发现腾讯地图对小程序,支持的功能多,最方便。

    3、申请一个腾讯地图的开发者账号,需要密匙

    4、思路是:用腾讯地图插件,解析你想查询的地址,解析为经度和纬度,然后用小程序的 wx.openLocation(OBJECT),它会跳转到一个新页面,定位到解析的经纬度的位置,这样就OK了

    <view  bindtap="seeMap" >{{adrr}}</view>
    var QQMapWX  = require("../libs/qqmap-wx-jssdk.min.js")
    var demo = new QQMapWX({
        key: '申请的密匙' // 必填
    });
    Page({
      data: {},
      onLoad: function (options) {
        this.setData({
            adrr:options.adrr
        })
      },
    
      seeMap: function () {
          demo.geocoder({
              address: this.data.adrr,
              success: res => {
                  wx.openLocation({
                      latitude: res.result.location.lat,
                      longitude: res.result.location.lng,
                      scale: 28
                  })
              },
              fail: function(res) {
                  console.log(res);
              },
              complete: function(res) {
                  console.log(res);
              }
          });
    
      })

     5、看看效果图

  • 相关阅读:
    Linux常用命令英文全称与中文解释Linux系统
    最流行的android组件大全
    Android eclipse中程序调试
    Oracle----Key Word
    Oracle----date
    ANDROID代码实现APK文件的安装与卸载
    listview加载性能优化
    【369】列表/字典的分拆, unpacking
    【368】相关术语说明
    【367】通过 python 实现 SVM 硬边界 算法
  • 原文地址:https://www.cnblogs.com/founderswitch/p/7818220.html
Copyright © 2011-2022 走看看