1、需要自行申請高德地圖的key,配置
manifest.json
2、MapSelector選擇組件封裝
<template><view><u-action-sheet :list="mapList" v-model="show" @click="changeMap"></u-action-sheet></view>
</template><script>export default {name: 'MapSelector',props: {// 是否顯示選擇菜單visible: {type: Boolean,default: false},// 地點標題title: {type: String,default: ''},// 緯度latitude: {type: [String, Number],default: ''},// 經度longitude: {type: [String, Number],default: ''},// 詳細地址(可選)address: {type: String,default: ''}},data() {return {show: false,mapList: [{text: '高德地圖'},{text: '百度地圖'},]}},watch: {visible: {handler(newVal) {this.