1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 【微信小程序】腾讯位置服务地图选点 服务示例

【微信小程序】腾讯位置服务地图选点 服务示例

时间:2020-07-01 03:00:01

相关推荐

【微信小程序】腾讯位置服务地图选点 服务示例

插件添加

1、插件申请接入:

在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务地图选点” 申请添加,通过则可在小程序内使用该插件。

2、引入插件包:

地图选点appId: wx76a9a06e5b4e693e

// app.json{// 引入插件包:"plugins": {"chooseLocation": {"version": "1.0.9","provider": "wx76a9a06e5b4e693e"}},// 提供定位授权"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序定位"}}}

小程序腾讯位置key获取:

登录腾讯位置服务控制台,添加应用

为创建的应用添加key,

生成key

小程序使用

const chooseLocation = requirePlugin('chooseLocation');Page({/*** 页面的初始数据*/data: {latitude: '',longitude: '',address:'',},/*** 生命周期函数--监听页面显示*/onShow: function (options) {const location = chooseLocation.getLocation(); // 如果选点后 点击确认选点按钮,则返回选点结果对象,否则返回nullif(location != null){console.log('onshow',location)this.setData({address: location.name,latitude: location.latitude,longitude: location.longitude})}},// 按地图选取地址getMapAddr:function(){const that = this;// 使用腾讯地图插件const key = '********************************************'; //使用在腾讯位置服务申请的keyconst referer = 'XXXXX'; //调用插件的app的名称const location = JSON.stringify({latitude: 39.89631551,longitude: 116.323459711});const category = '生活服务,娱乐休闲';wx.navigateTo({url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer + '&location=' + location + '&category=' + category});},/*** 生命周期函数--监听页面隐藏*/onHide: function () {chooseLocation.setLocation(null);},/*** 生命周期函数--监听页面卸载*/onUnload: function () {// 页面卸载时设置插件选点数据为null,防止再次进入页面,geLocation返回的是上次选点结果chooseLocation.setLocation(null);},})

效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。