業(yè)務(wù)：

小程序中實現(xiàn)選擇地址

解決方案：

1.在小程序后臺的設(shè)置>第三方設(shè)置>在插件管理中添加插件搜索>騰訊位置服務(wù)地圖選點

2.插件引入后可以點擊詳情查看文檔

（1）首先在app.json中添加插件

//app.json

"plugins":{
?? ??? ??? ?"chooseLocation":{
?? ??? ??? ??? ?"version":"1.0.9",
?? ??? ??? ??? ?"provider":"wx76a9a06e5b4e693e"http://按照文檔的原樣復(fù)制，非自己小程序的appId
?? ??? ??? ?}
?? ??? ?},

（2）

//app.json

{
? "permission": {
? ? "scope.userLocation": {
? ? ? "desc": "你的位置信息將用于小程序定位"
? ? }
? }
}

在uniapp中開發(fā)可以放在manifest.json的源碼視圖編寫:

"mp-weixin" : {

????????"plugins":{
?? ??? ??? ?"chooseLocation":{
?? ??? ??? ??? ?"version":"1.0.9",
?? ??? ??? ??? ?"provider":"wx76a9a06e5b4e693e"
?? ??? ??? ?}
?? ??? ?},

????????"permission" : {
? ? ? ? ? ? "scope.userLocation" : {
? ? ? ? ? ? ? ? "desc" : "你的位置信息將用于小程序位置接口的效果展示"
? ? ? ? ? ? }
? ? ? ? },

}

3.在頁面中使用

<script>
    const chooseLocation = requirePlugin('chooseLocation');
    export default {
	    data(){
		    return{
			    latitude:'',
			    longitude:''
		    }
	    }, 
        onShow(){
            const resAddress=chooseLocation.getLocation();//地圖選點后返回當(dāng)前頁面通過這種方式將內(nèi)容取出
            if(resAddress){
				this.jobCity= resAddress.name;			  
                this.findPostBasicInfoVos({lat:resAddress.latitude,
                                lng:resAddress.longitude}); 
			} 
        },
        onHide(){
            //有些業(yè)務(wù)場景當(dāng)離開頁面后將原本存在插件中位置信息清空
            chooseLocation.setLocation(null);
        },
        methods:{
		    showMap(){  
			    const key = ''; //使用在騰訊位置服務(wù)申請的key,申請地址https://lbs.qq.com/
			    const referer = '小程序的名稱'; //調(diào)用插件的app的名稱
			    const location = JSON.stringify({
			      latitude: this.latitude,
			      longitude: this.longitude
			    });
			    const category = '生活服務(wù)'; 
			    wx.navigateTo({
			      url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&location=${location}&category=${category}`
			    });
		    }
	    }
    }
</script>

?注意

1.如果報t is not function

使用小程序插件報錯t is not function_路光.的博客-CSDN博客

2.還需要在app.json中配置

"requiredPrivateInfos":[
	"getLocation",
	"chooseLocation"
]

文章來源地址http://www.zghlxwxcb.cn/news/detail-497687.html

到了這里，關(guān)于微信小程序調(diào)用騰訊地圖選點的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！