uni-app 调用腾讯地图关键代码

vue 组件使用方式:

methods:{
    addRess(){
	    addressdata()
	    .then((res)=>{
	        console.log(res)
	        this.address=res.result.ad_info.city
	    })
	    .catch((err)=>{
		    console.log("用户拒绝定位")
		    this.address="白银市"
	    })
    }
},
created(){
    this.addRess()
}

公共组件抽离:./common/txMap.js

//引入sdk核心类
var QQMapWx=require("../common/qqmap-wx-jssdk.js");
var qqmapsdk;

var addressdata=function(){
	return new Promise((resolve,reject)=>{
		//实例化API核心类
		qqmapsdk=new QQMapWX({
			key:"M5IBZ-PFCHS-NM60I-6CY27-IN207-H7FJG"
		});
		qqmapsdk.reverseGeocoder({
			success:(res)=>{
				resolve(res)
			},
			fail:(err)=>{
				reject(err)
			}
		})
	})
}

export {addressdata}

你可能感兴趣的:(uni-app,javascript,前端)