GG

# gg-geo-local 带地图选择的地址输入框

gg-geo-local

带地图选择的地址输入框，一般和表单配合使用，默认为实心白色背景。

在 script 中引用组件

若使用uni-app的 easycom 引入方式，则无需在script中重复引用

import ggGeoLocal from '@/components/gg-geo-local/gg-geo-local.vue'
export default {
    components: {ggGeoLocal}
}
1
2
3
4

在 template 中使用组件

# 文本输入

<gg-geo-local label="详细地址" v-model=" formData.address" @location="onLocation" />
1

# 属性说明

属性名 类型 默认值 说明
placeholder String - 占位符
must Boolen false 是否必填
disabled Boolen false 是否禁止
label String - 字段名
v-model String - 数据双向绑定
maxlength Number -1 输入长度限制
labelWidth Number 60 字段区域宽度，上下排列无效
layout String row 排列方式 ['row','col']
message String - 错误提示
messageDisplay Boolen false 错误提示是否显示
tip String - 字段提示/说明
onQClear Boolean false 是否显示一键清空按钮
isShowMap Boolean false 是否显示地图预览
location Object {} 初始化地图中心点位置

# location 结构

属性名 类型 默认值 说明
latitude String - 纬度
longitude String - 经度

# 事件说明

事件名 说明 返回值
@location 监听 地址信息

# 事件 @location 返回参数

属性名 说明
name 位置名称
address 详细地址
latitude 纬度，浮点数，范围为-90~90，负数表示南纬，使用 gcj02 国测局坐标系。
longitude 经度，浮点数，范围为-180~180，负数表示西经，使用 gcj02 国测局坐标系。

# 插件预览地址

← 滑块开关 →