uni-app中小程序地图选点

uni-app中⼩程序地图选点
最近在项⽬中要⽤到⼩程序地图选点,查了些许资料,特别在此记录⼀下,以便⼤家参考交流!,我选择⽤的是腾讯地图插件实现效果:
1、去⼩程序开通腾讯腾讯位置服务
mtg3、选择设置,三⽅设置,添加的时候选择“腾讯位置服务地图选点”
4、uni-app中页⾯配置:成功之路的动物
5、页⾯展⽰:
<template>
<view>
您已选择:{{chooseLocation}}
</view>
</template>
<script>
export default {
data() {
return {
chooseLocation: '中国',
}
药品评价
},
onLoad() {
新标准英语第七册},
// 从地图选点插件返回后,在页⾯的onShow⽣命周期函数中能够调⽤插件接⼝,取得选点结果对象
onShow() {
过冷水const chooseLocation = requirePlugin('chooseLocation');
const location = Location(); // 如果点击确认选点按钮,则返回选点结果对象,否则返回null
console.log("您所选择的位置:", location);
if(location){
this.chooseLocation = location.address;
}
},
onUnload() {
// 页⾯卸载时设置插件选点数据为null,防⽌再次进⼊页⾯,geLocation返回的是上次选点结果
数字通信技术
chooseLocation.setLocation(null);
},
methods: {
getAddress() {
const key = ''; //使⽤在腾讯位置服务申请的key
const referer = ''; //调⽤插件的app的名称
const location = JSON.stringify({
latitude: 39.89631551,
longitude: 116.323459711
});
// const category = '⽣活服务,娱乐休闲';
wx.navigateTo({
url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer
});
},
}
}
</script>
<style>
</style>
好啦,这样就⼤功告成啦!

本文发布于:2024-09-23 01:20:51,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/78012.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:选点   插件   地图   设置
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议