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

注释很详细,直接上代码

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

上一篇

新增内容:
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)
      }
    })
  }
})

效果演示:

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

相关推荐
拼图20912 小时前
微信小程序——配置路径别名和省略后缀
微信小程序·小程序
m0_7401904613 小时前
小程序部分pai
小程序
wocwin13 小时前
uniapp 微信小程序Vue3项目使用内置组件movable-area封装悬浮可拖拽按钮(拖拽结束时自动吸附到最近的屏幕边缘)
vue.js·微信小程序
2501_9159184116 小时前
iOS App 安全加固全流程:静态 + 动态混淆对抗逆向攻击实录
android·ios·小程序·https·uni-app·iphone·webview
2501_9159090619 小时前
iOS如何查看电池容量?理解系统限制与开发者级能耗调试方法
android·ios·小程序·https·uni-app·iphone·webview
三原1 天前
7000块帮朋友做了2个小程序加一个后台管理系统,值不值?
前端·vue.js·微信小程序
Byte_Me1 天前
IoT 小程序:如何破解设备互联的碎片化困局?
物联网·小程序·iot
小徐_23331 天前
uni-app 弹窗总被父元素“绑架”?3招破局,H5/小程序/APP一招通杀!
前端·微信小程序·uni-app
難釋懷2 天前
微信小程序案例 - 本地生活(首页)
微信小程序·生活·notepad++
2501_915921432 天前
没有Mac如何完成iOS 上架:iOS App 上架App Store流程
android·ios·小程序·https·uni-app·iphone·webview