uni-app根据腾讯地图接口三级联动组件

有时候很懵逼,因为需要用到腾讯地图接口的三级联动,习惯问问度娘,结果出来了我几年前用JQ写的,好吧,还是自己撸一个现在用的吧

组件使用得是uni-popup弹窗,picker-view 滑动选择地址

访问腾讯地图接口使用的是 vue-jsonp 

npm install vue-jsonp

在main.js引入

import {
    VueJsonp
} from 'vue-jsonp'
Vue.use(VueJsonp)

组件address.vue

组件只需要填写你自己得腾讯地图的 key就可以了





使用方法,直接引入组件使用

methods: { selectAddress() { this.$refs.addressPopup.open() }, submitAddress(data) { this.addressData= data; }, }

你可能感兴趣的:(uni-app)