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

注释很详细,直接上代码

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

上一篇

新增内容:
1.开放纬度可变参数,弥补上一篇只能获取当前位置缺陷
2.解构传参演示

源码:

index.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)
      }
    })
  }
})

效果演示:

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

相关推荐

  1. 程序:获取经纬度

    2024-03-16 10:32:03       32 阅读
  2. 程序开发从入门到实战》学习

    2024-03-16 10:32:03       56 阅读
  3. 程序开发从入门到实战》学习

    2024-03-16 10:32:03       60 阅读
  4. 程序开发从入门到实战》学习六

    2024-03-16 10:32:03       53 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-16 10:32:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-16 10:32:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-16 10:32:03       87 阅读
  4. Python语言-面向对象

    2024-03-16 10:32:03       96 阅读

热门阅读

  1. c语言-输入包含空格的字符串

    2024-03-16 10:32:03       38 阅读
  2. Lua-Lua虚拟机2

    2024-03-16 10:32:03       43 阅读
  3. unity 按钮回弹根据新接到的信号设置

    2024-03-16 10:32:03       35 阅读
  4. 从原理总结chatGPT的Prompt的方法

    2024-03-16 10:32:03       46 阅读
  5. Vue开发日志:清空表单数据

    2024-03-16 10:32:03       44 阅读
  6. SSL---VPN

    SSL---VPN

    2024-03-16 10:32:03      39 阅读
  7. 不同情绪调节策略影响拖延行为的神经基础

    2024-03-16 10:32:03       32 阅读
  8. 前端UNIAPP端webview嵌入H5使用说明文档

    2024-03-16 10:32:03       37 阅读
  9. 目标检测常见数据集格式(YOLO、VOC、COCO)

    2024-03-16 10:32:03       41 阅读
  10. html5&css&js代码 021 实体字符参考

    2024-03-16 10:32:03       35 阅读