微信小程序 + 腾讯位置服务获取全国城市列表

本文已获得【腾讯位置服务开发应用征文大赛】最具影响力奖，感谢CSDN及各位小伙伴一直以来的支持与厚爱！

本文目录

本文已获得【腾讯位置服务开发应用征文大赛】最具影响力奖，感谢CSDN及各位小伙伴一直以来的支持与厚爱！
一、探新境、知未解、创未来
二、创建 Key（申请开发者密钥）
- （一）【控制台】-【key管理】-【创建新密钥】，按提示申请开发者密钥。
- （二）完成后要开通开通 webserviceAPI 服务。
三、下载微信小程序 JavaScriptSDK
四、配置微信小程序安全域名
五、小程序代码示例
六、小程序添加配置
七、控制台查看调用结果

腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。在此基础上，腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包，可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务，让您的小程序更强大！

一、探新境、知未解、创未来

邀请您前往注册腾讯位置服务。

二、创建 Key（申请开发者密钥）

（一）【控制台】-【key管理】-【创建新密钥】，按提示申请开发者密钥。

（二）完成后要开通开通 webserviceAPI 服务。

【控制台】-【 key管理】-【设置】（使用该功能的key）-【勾选webserviceAPI】- 【保存】

小程序SDK需要用到 webserviceAPI 的部分服务，所以使用该功能的key需要具备相应的权限。

三、下载微信小程序 JavaScriptSDK

下载微信小程序JavaScriptSDK v1.2 放入到你的小程序项目中。

四、配置微信小程序安全域名

登录微信小程序后台，添加 request 合法域名 https://apis.map.qq.com。

五、小程序代码示例

// 引入SDK核心类，根据你的路径进行修改
var QQMapWX = require('../../static/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({/*** 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {// 实例化API核心类qqmapsdk = new QQMapWX({key: '你申请的 key 填入此处'});},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {var _this = this;// 调用获取城市列表接口qqmapsdk.getCityList({success: function (res) { // 成功后的回调// 控制台输出调用结果console.log(res);},fail: function (error) {console.error(error);}});}
})

六、小程序添加配置

在 app.json 文件最后面添加：

"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}}

七、控制台查看调用结果

腾讯位置服务全面拥抱小程序生态，从服务API、基础地图组件、插件、行业方案等多个层面服务不同场景需求的小程序开发者，助力小程序插上地图的“翅膀”！

立即接入 >>>

微信小程序 JavaScript SDK 官方文档 >>>

腾讯位置服务开发QQ交流群：958296564

微信小程序 + 腾讯位置服务获取全国城市列表相关推荐

微信小程序使用腾讯位置服务地图选点实现地址的选取|微信小程序腾讯位置服务地图选点请求来源未被授权
效果图首先要在微信开放平台的小程序里添加插件具体配置,可以参考官方文档腾讯位置服务地图选点 | 小程序插件 | 微信公众平台 (qq.com) 同时还要申请接口的权限,不然小程序上线的时候不能 ...
【微信小程序腾讯位置服务】获取用户所在城市信息实战
背景实现小程序进去后获取用户当前所在城市,然后显示该城市的数据,并且显示在导航栏和 Tab上. 微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是 ...
微信小程序腾讯位置服务城市选择器
腾讯城市选择器插件微信小程序插件 | 腾讯位置服务先看文档,下面为操作步骤 1.登录微信公众平台设置 - 第三方设置 - 插件管理 - 添加插件 - 搜索腾讯位置服务城市选择器 - 添加 2.注 ...
微信小程序腾讯位置服务地图选点和路线规划
微信小程序使用腾讯位置服务插件实现地图选点和路线规划效果图: 实现过程点击"开发指南",根据对应打开网页中的接入指引进行开发实现. 腾讯位置服务地图选点:开发指南腾讯位 ...
微信小程序 ‘腾讯位置服务地图选点插件申请失败’
1.登录微信公众平台 2.登录后设置-第三方设置-插件管理-添加插件 3.微信小程序插件 | 腾讯位置服务将官网上的配置值复制到app.json中,切记是官网上的值不是自己生成的值!!!!然后再进 ...
小程序腾讯位置服务路线规划插件申请方法
如果用以下常规的方法个人小程序大概率是通过不了的在腾讯微信公众平台中, "微信小程序官方后台-设置-第三方服务-插件管理" 里点击 "添加插件",搜索 &qu ...
微信小程序----map组件实现（获取定位城市天气或者指定城市天气数据）
效果图实现原理采用高德地图微信小程序开发API(getWeather),如果 city 属性的值为空(或者没有city属性),默认返回定位位置的天气数据:如果 city 不为空,则返回 city ...
微信小程序调用腾讯位置服务获取城市列表
微信小程序调用腾讯位置服务获取城市列表注意前期的准备: 1.需要用到微信小程序JavaScript SDK https://lbs.qq.com/miniProgram/jsSdk/jsSdkGui ...
uni-app开发微信小程使用腾讯位置服务获取用户的位置信息
uni-app开发微信小程使用腾讯位置服务获取用户的位置信息一.开通腾讯位置服务二.编码实现 (一)获取定位坐标 (二).在项目中使用一.开通腾讯位置服务在这里我们先要登录腾讯我i之服务的官网 ...
微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。
文章目录一.前言通讯协议技术问题点二.4G模组业务逻辑上报基站信息三.微信小程序控制另外,不要把我的博客作为学习标准,我的只是笔记,难有疏忽之处,如果有,请指出来,也欢迎留言哈! 微信物 ...