微信小程序中使用腾讯位置服务，点击地图获取poi，或者是关键词搜索

1、插件申请接入：

在腾讯公众平台中， “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务地图选点” 申请，审核通过后，小程序开发者可在小程序内使用该插件。
具体步骤可参考【腾讯位置服务地图选点】插件的开发文档。

2、引入插件包：（点击浏览插件最新版本查看信息填写）

"plugins": {"chooseLocation": {"version": "1.0.4","provider": "wx76a9a06e5b4e693e"}}

3、设置定位授权：
地图选点插件需要小程序提供定位授权才能够正常使用定位功能：

// app.json{"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序定位"}}
}

4、使用插件：
插件页面调用示例：

  showMap() {const key = ''; //使用在腾讯位置服务申请的keyconst referer = ''; //调用插件的app的名称const location = JSON.stringify({latitude: '',  // 经纬度longitude: ''});const category = '生活服务,娱乐休闲';wx.navigateTo({url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&location=${location}&category=${category}`});},

5、插件返回数据

  onShow: function() {// 此处加载数据，每次进入都加重新加载const site = chooseLocation.getLocation();// 插件返回的数据放在这个对象里面if (site) {console.log(site)this.setData({siteInfo: site.name})let location = {latitude: site.latitude,longitude: site.longitude}wx.setStorageSync('location', location)}},

微信小程序中使用腾讯位置服务，点击地图获取poi，或者是关键词搜索相关推荐

微信小程序开发——开通腾讯位置服务
我们在进行开发过程中常常会用到用户当前所在地址的信息,所以需要把定位坐标缓存成地址以供我们使用.位置服务这块在开发时一般选用高德.腾讯.百度这几个主流平台,我这里介绍的是如何开启腾讯的位置服务. 目录 ...
如何在微信小程序中调用腾讯地图api
微信小程序的地图api是非常有限的,如果要搜索地图上的位置,比如附近的医院.学校等,就需要使用地图api,使用腾讯地图api的过程如下: 一.开发者申请腾讯地图进入官网http://lbs.qq.c ...
小程序地图功能及腾讯位置服务SDK获取当前位置名称并显示
前言最近有一个小程序的开发需求:获取当前用户的定位,并显示在自定义的地图上,然后需要获取当前的地理位置名称. 实现 wx.getLocation 微信自带的函数可以获取一些信息,比如经纬度还有其他, ...
微信小程序中使用腾讯地图，导航到目的地
1.效果图如下:(点击地图可导航,从用户当前位置到目的地) 2. wxml文件中 (1)目标地址location  <view class='loc'>& ...
微信小程序中，图片的位置设置
在编写小程序的时候,难免会涉及到图片的位置放置. 以及具体的wxss格式的设置,在这里想进行一个具体格式的讲解. 第一种:图片不换行,多个图片排列在同一行具体样例如下图:黄色荧光笔所绘: 要实现该操 ...
在微信小程序中如何配置腾讯位置服务并调用
因为很多服务都已经被封装好了,所以我们只需要调用引入配置就行了. 下面进入正题,我们要先一.进入到腾讯位置服务腾讯位置服务 - 立足生态,连接未来先注册一个账号,然后点击控制台,进去以后找到左侧的 ...
【小5聊】腾讯位置服务之小程序简单使用以及显示附近WC步行路线
[一起来体验腾讯位置服务功能吧] 结合自己小程序业务,集成腾讯位置服务地图功能还是不错的,推荐各位同行提前体验和使用点击我快速报名体验吧 [前言] 第一次使用腾讯位置服务也算是挺早的,当时是在web ...
微信小程序中background-attachment:fixed兼容问题
前提在微信小程序的页面中使用了background-attachment:fixed;属性,在安卓机型中适用,但在苹果机型中失效了,导致背景图样式没有固定. 原因固定背景导致重绘的成本很高,在苹果 ...
uni-app中使用腾讯位置服务实现小程序地图选点功能
文章目录 1. 官方文档 2. 小程序添加插件 3. HBuilder配置 4. 配置代码 5. 页面代码 1. 官方文档技术选定(地图选点插件) (对应官网:https://lbs.qq.com/ ...

微信小程序中使用腾讯位置服务，点击地图获取poi，或者是关键词搜索

微信小程序中使用腾讯位置服务，点击地图获取poi，或者是关键词搜索相关推荐

最新文章

热门文章