微信小程序（五十五）可变经纬度查询附近地点信息

代码对我眨眼睛2024-03-15 21:59

注释很详细，直接上代码

本篇是上一篇范例的方法优化，只展示修改部分

新增内容：

1.开放纬度可变参数，弥补上一篇只能获取当前位置缺陷

2.解构传参演示

源码：

index.js

js 复制代码

// 引入js文件，'../'是往上一级目录，文件地址别搞错了
import QQMapWX from '../../libs/qqmap-wx-jssdk'

//创建实例
const qqmapsdk=new QQMapWX({//填上自己之前创建并分配了额度的key
  key:'QWQBZ-XR5CZ-Z2IXO-Z2FDP-ADRS3-QCBBX'//该key不保证哪天失效
})

Page({
 async onLoad(){
    //解构经纬度
    const {latitude,longitude}= await wx.getLocation({type:'gcj02'})//此处是获取当前经纬度
    this.searchSite({latitude,longitude})//这里想顺便演示一下解构传参，直接调用了函数，好像用不上之前的按钮了哈哈哈
  },
  searchSite({latitude,longitude}){//搜索演示
    //开放出两个位置参数，方便之后更改其他位置
    console.log('内容如下：')
    qqmapsdk.search({
      location:{latitude,longitude},
      keyword:'超市',//关键词
      success:(res)=>{
        console.log(res)
      }
    })
  }
})

效果演示：

效果和之前是一样的，但读者可以自行传入不同的经纬度获取位置附近的不同类型地点