腾讯定位服务+微信小程序,本文告诉您为什么程

2020-12-12
来源:

微信小程序开发_东莞微信小程序开发_微信小程序开发网站

我们可以通过微信小程序提供的官方api获取用户的当前位置坐标信息:wx.getLocation():

wx.getLocation({type:'gcj02',success(res){const latitude = res.latitude const longitude = res.longitude}})

在这里,我们将类型指定为gcj02。所获得的坐标点信息可以直接在后续界面中使用。相应地,如果将类型指定为wgs84,则以后需要进行进一步的坐标转换。

还有一点要注意的是,此接口需要先由用户授权才能被调用,因此我们需要在app.json文件中添加相关配置:

// app.json“权限”:{“ scope.userLocation”:{“ desc”:“您的位置信息将用于查询公交信息”}}

3.3.2获取附近的公共交通信息

附近的公交车数据来自哪里?

在这里,我们已经使用微信小程序作为本机LBS功能的最佳合作伙伴-微信小程序 JavaScript SDK。

腾讯的位置服务为微信小程序提供基本的标点符号,线和圆绘图界面以及其他地图组件,以及位置显示,地图选择和其他地图API位置服务功能,从而使开发人员可以自由地实现自己的微信小程序产品。在此基础上,腾讯定位服务微信小程序 JavaScript SDK是专门为小程序开发人员提供的LBS数据服务工具包。您可以调用腾讯定位服务POI检索,关键词输入提示,小程序数据服务中的地址,例如分辨率,反向地址解析,管理区划和距离计算,使您的小程序功能更强大!

接下来,作者将展示如何通过微信小程序 JavaScript SDK获取附近公交车的信息。

1.打开“腾讯定位服务”:在微信小程序后台,选择“开发”->“开发人员工具”->“腾讯定位服务”,然后单击“启用”按钮,并按照提示启用“腾讯定位服务”您的小程序“

2.申请开发者密钥(密钥):申请密钥()

3.安全域名设置:在微信小程序后台,选择设置->开发设置,设置请求合法域名,添加

4.下载微信小程序 JavaScript SDK:微信小程序 JavaScriptSDK v 1. 2()

5.小程序使用:

// index.js //介绍JavaScript SDK核心类,让QQMapWX = require('../../ libs / qqmap-wx-jssdk.js'); let qqmapsdk; Page((onload:function() {//实例化API核心类qqmapsdk = new QQMapWX({key:'application key'});},onShow:function(){//调用接口qqmapsdk.search({keyword:'bus station',location: '28.636767,11 5.855820',过滤器:'category = bus station',成功:功能(res){console.log(res);},失败:功能(res){console.log( res);},complete:function(res){console.log(res);}});}})

返回结果:

如您所见,我们已经获取了想要的公交数据,然后将其标记并显示在地图上。

3.3.3地图显示和标签

巴士信息的显示使用“腾讯定位服务”提供的小程序地图组件。我们需要将公交信息组装成标记,以便在地图组件上绘制。

有关地图组件的具体使用,请参阅官方文档:地图组件的使用()

3.4摘要

如您所见,我们可以通过微信小程序 JavaScript SDK轻松获取附近的公共交通信息。当然,微信小程序 JavaScript SDK的功能远不止于此,它还提供了许多实用功能来满足各种使用场景:

有关详细用法,请参阅官方文档:微信小程序如何使用JavaScript SDK()

需要注意的是,每个密钥的每个业务接口的呼叫量为每日呼叫量:10,000次/密钥,并发次数:5次/密钥/秒。如果您使用微信小程序如果该数量超出此限制,则可以通过控制台->配额应用程序()免费申请所需的配额。

路线规划

如果我们说“汽车QR码”微信小程序可以使人们的旅行更加轻松快捷。

然后,路线规划插件为人们出行提供了最佳解决方案。

4. 1效果预览

4. 2路线规划插件

腾讯定位服务路线规划插件提供路线规划等功能,根据起点和终点,多种出行方式可以智能地规划最佳的出行路线和细节。开发人员可以将路线规划插件嵌入到自建的小程序页面中,以实现路线规划功能。

可以看出,通过使用路线计划插件,我们可以轻松地在“乘车QR码”微信小程序中完成路线计划功能。访问步骤相对简单,主要分为以下步骤:

申请插件访问:在微信小程序后台管理平台中,选择“设置”->“第三方服务”->“插件管理”,单击“添加插件”,搜索腾讯定位服务路线规划申请,批准后, 小程序开发人们可以使用小程序中的插件。

介绍插件包:// app.json“ plugins”:{“ routePlan”:{“ version”:“ 1. 0.5”,“ provider”:“ wx50b5593e81dd937a”}}设置定位授权:// app.json“ permission”:{“ scope.userLocation”:{“ desc”:“您的位置信息将用于小程序定位”}}使用插件:let key ='application key' ; // use在腾讯定位服务中申请的keylet引用=''; //调用该插件的应用程序的名称let endPoint = JSON.stringify({//端点'name':'Bayi Square','latitude':28.673400,'longitude':115.904500}); wx.navigateTo({url:'plugin:// routePlan / index?key ='+ key +'&referer ='+ Referer +'&endPoint ='+ endPoint});集成了路线计划插件后,我们进一步丰富了“骑乘QR码”微信小程序的使用场景。现在,用户可以规划最佳路线而无需使用地图应用程序来避免拥塞,这非常方便。快。

4. 3摘要

“腾讯定位服务”提供的微信小程序插件使微信小程序一步具有地图功能,从而大大减少了我们的开发工作量,改善了用户体验并增加了小程序的使用。

当前,“腾讯定位服务”为我们提供了三个有用的插件:

路线规划:根据起点和终点智能地规划最佳的行驶路线,并支持多种行驶模式。地铁地图:支持全国所有城市的静态显示,信息查询,路线检索和计划功能。地图点选择:快速准确地选择并确认您的当前位置,并将相关的位置信息返回给开发人员。有关详细信息,请检查官方文档:微信小程序 Plugin()。

我相信后续活动将为我们提供更多功能性插件。

结论

我们从未停止过完善“汽​​车QR码”微信小程序的道路。为用户提供完美的旅行体验是我们的最终目标。我们不会停止探索“腾讯定位服务”。当前使用的功能只是冰山一角。将来我们将继续尝试“腾讯定位服务”提供的个性化地图和地铁地图。为用户提供最完美的旅行体验。

有关腾讯定位服务产品的更多信息,请单击“

分享