天地图-地址选择-获取经纬度和详细地址

17,947次阅读
没有评论

共计 4116 个字符,预计需要花费 11 分钟才能阅读完成。

需求:在地图上点选或搜索选中后将经纬度和详细地址传给表单:如下
天地图 - 地址选择 - 获取经纬度和详细地址

1. 点击地图选择地址,效果
天地图 - 地址选择 - 获取经纬度和详细地址
2. 搜索后点击选择地址,效果
天地图 - 地址选择 - 获取经纬度和详细地址
核心代码:







父弹窗

      
        
      

事件:

    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;
    },

原文地址: 天地图 - 地址选择 - 获取经纬度和详细地址

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-28发表,共计4116字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)