地理位置 Geo

Geo是地理位置模块，默认拥有省市区联动组件、定位地址获取组件。让你在开发需要地址信息提交的过程中不在浪费时间。

一、省市区组件

1.1 单选省市区

单选省市区必须选择到具体的区

{hcmstag:include file="geo@/components/address-cascader"}

 <address-cascader :default='[12,1201,120103]' type="code" width="300px" size="medium" @change="handleChange"></address-cascader>

参数

返回结果

{"code":[15,1503,150303],"name":["内蒙古自治区","乌海市","海南区"]}

1.2 多选省市区

一次可以选择多个省市区，注意全选情况就相当于选择所有下级。

{hcmstag:include file="geo@/components/address-cascader-muti"}

 <address-cascader-muti :default='[["山西省","太原市","小店区"],["山西省","太原市","迎泽区"]]' type="region_name" width="350px" size="medium" @change="handleMutiChange"></address-cascader-muti>

参数

返回结果

[{"code":[13,1302,130202],"label":["河北省","唐山市","路南区"]},{"code":[13,1302,130203],"label":["河北省","唐山市","路北区"]}]

1.3 单选省市

只有省市两级联动组件

{hcmstag:include file="geo@/components/address-cascader-city"}

<address-cascader-city :default='[12,1201]' type="code" width="300px" size="medium" @change="handleChange"></address-cascader-city>

参数

返回结果

{"code":[14,1402],"name":["山西省","大同市"]}

二、定位获取

定位获取是基于腾讯地图的一个定位信息获取的能力。目前可以获取根据定位信息获取地址经纬度等信息。

2.1 配置

key：这是腾讯地图开发平台的应用Key，可以到 https://lbs.qq.com/

2.2 使用

{hcmstag:include file="geo@/components/get-location"}

<get-location @confirm="confirmLocation" :show="show" @close="show=false"></get-location>

参数

返回结果

{ "title": "广州南站", "address": "广东省广州市番禺区钟村镇南站北路", "location": { "lat": 22.988558, "lng": 113.269323 }, "ad_info": { "adcode": 440113, "province": "广东省", "city": "广州市", "district": "番禺区" } }