InputMap 地图选点

avue-input-map：数组 [经度, 纬度, 地址]；Form 中使用 type: map。

通用属性、字典和事件见 基础组件使用约定。模板用 kebab-case，Form 配置对象用 camelCase。

基础用法

效果预览可直接操作下方示例

操作示例并观察绑定值，初始值与字典编码保持相同类型。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :span="6">
      值:{{ form }}<br />
      <avue-input-map :params="params"
                      placeholder="请选择地图"
                      v-model="form"></avue-input-map>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue';

const params = ref({
  zoom: 10,
  // zoomEnable: false,
  // dragEnable: false,
});

const form = ref([113.10235504165291, 41.03624227495205, "内蒙古自治区乌兰察布市集宁区新体路街道顺达源广告传媒"]);
</script>

属性

属性	类型	默认值	说明
dialogWidth	string	80%	地图弹窗宽度
mapChange	function	—	地理编码完成后调用，接收返回结果
beforeClose	function	—	关闭前调用，done() 继续关闭
rows / minRows / maxRows	number	— / 1 / —	地址文本行数
prefixIcon / suffixIcon	string	—	输入框图标

依赖地图 SDK 和有效 Key。组件本身不会安装地图服务；配置步骤见 Map 表单。