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

注释很详细,直接上代码

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

上一篇

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

效果演示:

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

相关推荐
CC同学呀5 小时前
从0到100:单位订餐统计小程序开发日记2025
小程序
666HZ66611 小时前
微信小程序中scss、ts、wxml
微信小程序·小程序·scss
二十十十十十11 小时前
微信点餐小程序—美食物
微信·小程序
向明天乄11 小时前
在小程序中实现实时聊天:WebSocket最佳实践
websocket·网络协议·小程序
h1853859224412 小时前
租车小程序电动车租赁小程序php方案
小程序
海的诗篇_12 小时前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html
说私域12 小时前
基于开源AI智能客服、AI智能名片与S2B2C商城小程序的微商服务质量提升路径研究
人工智能·小程序·开源
牧杉-惊蛰12 小时前
uniapp微信小程序css中background-image失效问题
css·微信小程序·uni-app
拼图20917 小时前
微信小程序——skyline版本问题
微信小程序·小程序
mg66818 小时前
微信小程序入门实例_____打造你的专属单词速记小程序
微信小程序·小程序