微信小程序实现美食检索功能

ops/2024/9/19 18:46:56/ 标签: 微信小程序, 美食, 小程序

1、打开浏览器搜索:腾讯位置服务

2、注册一个账号,有账号的直接登陆就行

3、注册登陆成功后,点击控制台

4、进入控制台后点击我的应用——>创建应用

5、添加key,注意看注释

6、key添加成功后,开始分配额度(配额)

点击配额管理分配额度

7、新建一个小程序>微信小程序,点击详情——>本地设置,不校验合法域名

8、.js文件

const app = getApp()

Page({
  data: {
    latitude: 39.909088,
    longitude: 116.397643
  },
  
  buttonSearch(e){
    var _this = this
    var allMarkers = []
    //通过wx.request发起HTTPS接口请求
    wx.request({
      //地图WebserviceAPI地点搜索接口请求路径及参数(具体使用方法请参考开发文档)
      url: 'https://apis.map.qq.com/ws/place/v1/search?page_index=1&page_size=20&boundary=region(北京市,0)&keyword=美食&key=您的key',
      success(res){
        var result = res.data
        var pois = result.data
        for(var i = 0; i< pois.length; i++){
          var title = pois[i].title
          var lat = pois[i].location.lat
          var lng = pois[i].location.lng
          console.log(title+","+lat+","+lng)
          const marker = {
            id: i,
            latitude: lat,
            longitude: lng,
            let: {
              // 点击marker展示title
              content: title
            }
          }
          allMarkers.push(marker)
          marker = null
        }
        
        _this.setData({
          latitude: allMarkers[0].latitude,
          longitude: allMarkers[0].longitude,
          markers: allMarkers
        })
      }
    })
  }
})

9、.wxml文件

<view class="container">
  <map id="map"
    class="map"
    markers="{{markers}}"
    longitude="{{longitude}}" latitude="{{latitude}}">
  </map>
</view>

<button size="mini" bindtap="buttonSearch">检索“美食”</button>


http://www.ppmy.cn/ops/8081.html

相关文章

PHP 生成压缩包、读取压缩包

1. PHP 生成压缩包 下面是 PHP 将本地文件生成压缩包的核心代码&#xff0c;在此基础上可进行扩展封装 // 压缩包名称$name test.zip;// 创建压缩包对象$zip new ZipArchive;// 打开压缩包$zip->open($name, ZipArchive::CREATE);// 本地文件绝对路径$path __DIR__ . /In…

2024成都安博会最新时间/成都安防展日程

2024成都安博会最新时间/成都安防展日程 第二十四届中国成都社会公共安全产品与技术博览会 时间&#xff1a;2023年5月16-18日 地点&#xff1a;成都世纪城新国际会展中心8-9号馆 展会范围&#xff1a; 数字产业&#xff1a;智慧城市、智能交通方案、智慧医疗方案、智慧社区…

【分治】Leetcode 颜色分类

题目讲解 75. 颜色分类 这道题的本质就是数组分三块 算法讲解 使用三个指针&#xff0c;i遍历数组&#xff0c;left标记0的最右侧&#xff0c;right标记2的最左侧 如果当前的nums[i] 0,我们就让nums[left] 和 nums[i]位置上的数字做交换&#xff0c;这里的i是可以向前移…

统一建模语言UML图

uml 图定义 Unified Modeling Language&#xff08;统一建模语言&#xff0c;UML&#xff09;是一种用于软件系统设计和建模的标准化语言。它提供了一套图形化的符号和约定&#xff0c;用于描述软件系统的结构、行为和交互&#xff0c;以及系统与外部环境之间的关系。UML通常用…

浏览器JavaScript兼容解决方案整理

1、addEventListener 与 attachEvent 区别 attachEvent ——兼容&#xff1a;IE7、IE8&#xff1b;不兼容firefox、chrome、IE9、IE10、IE11、safari、opera。 addEventListener——兼容&#xff1a;firefox、chrome、IE、safari、opera&#xff1b;不兼容IE7、IE8 解决方案&…

数据结构-枚举算法

枚举算法 理解枚举思想 枚举算法的核心思想是系统地列举并检查所有可能的候选解&#xff0c;以确定哪些解满足给定问题的条件。穷举所有可能性:枚举算法的基本思路是穷举问题的解空间&#xff0c;即一一列举所有可能的解状态或解配置。这通常涉及到对问题参数、变量取值、对象组…

Remove the specified nodes in the linked list with dummy header

分数 20 作者 伍建全 单位 重庆科技大学 Please create a function with the prototype void removeNode(List L, int key). This function deletes all nodes from the linked list L where the data field is equal to key.If there are no nodes in the list where the d…

HIVE:谓词下推

谓词 指返回bool值即true和false的函数&#xff0c;或是隐式转换为bool的函数&#xff1a; 如SQL中的谓词主要有 LKIE、BETWEEN、IS NULL、IS NOT NULL、IN、EXISTS 谓词下推 Predicate Pushdown&#xff08;PPD&#xff09;&#xff1a; 谓词下推 Predicate Pushdown&…

2023年网络安全行业:机遇与挑战并存

2023年全球网络安全人才概况 根据ISC2的《2023年全球网络安全人才调查报告》&#xff0c;全球的网络安全专业人才数量达到了550万&#xff0c;同比增长了8.7%。然而&#xff0c;这一年也见证了网络安全人才短缺达到了历史新高&#xff0c;缺口数量接近400万。尤其是亚太地区&am…

基于FPGA的频率计与串口通信(一)

基于FPGA的频率计与串口通信通常应用于各种领域&#xff0c;包括科学仪器、通信设备、工业自动化、医疗设备等&#xff0c;以实现对信号频率的实时监测、分析和控制。频率计与串口通信是一种常见的嵌入式系统设计方案&#xff0c;常用于测量和监控各种信号的频率&#xff0c;并…

vLLM:由伯克利大学LMSYS组织开源的大语言模型高速推理框架-显著提高了大型语言模型(LLM)的服务效率

vLLM是一个由伯克利大学LMSYS组织开源的大语言模型高速推理框架,旨在提升实时场景下语言模型服务的吞吐与内存使用效率134。它是一个快速且易于使用的库,能够与HuggingFace无缝集成134。vLLM的核心是PagedAttention算法,这是一种新颖的注意力算法,通过引入操作系统的虚拟内…

C#判断窗体是否被遮挡 - 开源研究系列文章

上次发布了托盘窗体的显示与隐藏的博文&#xff1a;&#xff0c;但是在测试窗体最大化的时候发现窗体没有隐藏&#xff0c;调试了下知道是窗体是否被遮挡这个函数的判断有问题。于是就研究了该代码&#xff0c;然后联系了该操作类的作者&#xff0c;也是博客园的园友&#xff0…

如何部署npm私有仓库以及在项目中如何使用

如何部署npm私有仓库以及在项目中如何使用 为什么要部署npm私有仓库&#xff1f; 安全性&#xff1a;私有仓库允许团队存放内部研发的、不宜公开发布的代码包&#xff0c;只对特定用户或者团队可见和可用&#xff0c;从而保护公司的知识产权和商业秘密。模块的复用性&#xf…

Linux上的uname

2024年4月19日&#xff0c;周五上午 这是我第一篇用CSDN上的markdown编辑器写的博客&#xff0c;感觉还不错 uname 是一个常用的命令行工具&#xff0c;uname 的全称是 “Unix Name”&#xff0c;它是一个 Unix 和类 Unix 操作系统上的命令行工具&#xff0c;用于获取操作系统相…

大白话!go语言中的指针、指针类型的方法接收器

go语言中的指针使用起来的比较简单。应用如下&#xff1a; 1.普通的对象取地址&#xff0c;获取对象值 符号&&#xff0c;取地址符&#xff0c;可以取变量的地址&#xff0c;或结构体对象的地址等。符号*&#xff0c;是从地址中取值&#xff08;根据栈中存储地址&#xf…

Unity应用开机自启动

使用说明 以代码设置的方式设置Unity应用开机自启动。 将下面脚本挂载到场景物体&#xff0c;通过UI按钮开启应用自启动和取消应用自启动&#xff0c;设置下次运行应用生效。 所用到的Dll下载地址&#xff1a;Interop.IWshRuntimeLibrary 脚本代码 using System; using Syst…

html-docx-js网页转为word格式框架

第一步&#xff1a;安装html-docx-js依赖 npm install html-docx-js --save-dev 第二步&#xff1a;引入网页转为word格式方法 import htmlToDocx from html-docx-js/dist/html-docx; 第三步&#xff1a;使用网页转为word格式方法 const content this.$refs.content.inne…

《AI聊天类工具之八——​ 小悟空》

一.简介 官网:小悟空 小悟空是一款集智能对话和辅助推荐功能于一体的强大工具集。它为用户提供了创作生成、学习提升、工作职场、专业咨询、虚拟角色和休闲娱乐等二十余个类别的智能服务,以满足用户在工作、生活和娱乐各方面的需求。 在创作生成方面,小悟空可以帮助用户进…

C语言指针进阶

系列文章目录 第一章 C语言基础知识 第二章 C语言控制语句 第三章 C语言函数详解 第四章 C语言数组详解 第五章 C语言操作符详解 第六章 C语言指针详解 第七章 C语言结构体详解 文章目录 1. 字符指针 2. 指针数组 3. 数组指针 3.1 语法 3.2 使用示例 3.3 &数组名…

[综述笔记]Benchmarking Graph Neural Networks for FMRI analysis

论文网址&#xff1a;[2211.08927] Benchmarking Graph Neural Networks for FMRI analysis (arxiv.org) ⭐不是真正意义上的综述&#xff0c;应该是分析性质的文章 英文是纯手打的&#xff01;论文原文的summarizing and paraphrasing。可能会出现难以避免的拼写错误和语法错…