[uniapp] アプレットは地図位置を使用して位置を取得し、ページに表示します。

ここに画像の説明を挿入
1. まず、WeChat パブリック プラットフォームにアクセスしてアクティブ化します。
ここに画像の説明を挿入
2. 次に、プラグインを追加し、「Tencent Location Service Map Selection」を検索して、[追加] をクリックします。 3. 開発者キーhttps://lbs.qq
ここに画像の説明を挿入
を申請します。
com?lbs_invite=Y9PRFLY

4. uniapp でプラグインを設定するか、エラーを報告すると、プロバイダーが書き込まれて無効になります wx76a9a06e5b4e693e
ここに画像の説明を挿入

以下は、位置を取得してページ表示を割り当てるページ表示処理です。

onShow() {
    
    
			const location = chooseLocation.getLocation();
			//conole.log(location )
			if (location) {
    
    
				//location.address和location.name都是地理位置
				this.position = location.address + location.name
			}
		},

クリックイベント

_getusermapinfo() {
    
    
				uni.getLocation({
    
    
						type: 'gcj02',//腾讯地图使用gcj02获取位置坐标
						success(res) {
    
    
							//使用在腾讯位置服务申请的key(必填)
							const key = "自己申请的KEY";
							//调用插件的app的名称(必填)
							const referer = "app名称";
							wx.navigateTo({
    
    
								url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer,
							});
						},
						fail(err) {
    
     //这里处理用户点击拒绝或者误操作拒绝的办法
							 uni.showModal({
    
    
							 	title: '提示',
							 	content: '您未开启获取位置权限,请点击确定去开启权限!',
							 	success(res) {
    
    
							 	    if (res.confirm) {
    
    
							 		 uni.openSetting({
    
    })//跳转微信小程序设置,手动打开获取位置
							    	 }
							 	}
							 })
							 
						}
				})
			},

おすすめ

転載: blog.csdn.net/weixin_48772762/article/details/117220665