共计 4116 个字符,预计需要花费 11 分钟才能阅读完成。
需求:在地图上点选或搜索选中后将经纬度和详细地址传给表单:如下
1. 点击地图选择地址,效果
2. 搜索后点击选择地址,效果
核心代码:
确认选中
{{item.address}}
{{item.name}}
父弹窗
事件:
closeMapaddressDialog(){this.dialogMapAddress=false},
// 获取详细地址
setAddress(val) {// console.log("这是 获取详细地址 val", val);
if (val) {this.ruleFormEdit.rctmads = val;} else {this.$message.warning("未定位到详细地址请手动输入");
}
},
// 获取经纬度
setPosition(val) {// console.log("这是 获取经纬度 val", val);
if (val.length && val.length == 2) {this.ruleFormEdit.x = val[0];
this.ruleFormEdit.y = val[1];
}else{this.$message.warning("未定位到经纬度坐标请手动输入");
}
},
openMapAddressDialog() {console.log("这是地图选址弹窗组件打开");
this.dialogMapAddress = true;
},
原文地址: 天地图 - 地址选择 - 获取经纬度和详细地址
正文完