最近在项⽬中要⽤到⼩程序地图选点,查了些许资料,特别在此记录⼀下,以便⼤家参考交流!,我选择⽤的是腾讯地图插件实现效果: 1、去⼩程序开通腾讯腾讯位置服务
mtg
3、选择设置,三⽅设置,添加的时候选择“腾讯位置服务地图选点”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>
好啦,这样就⼤功告成啦!