# MapLocate 地图定位组件

### 介绍

地图定位搜索组件

### 引入

```js
import { Vue } from "vue";
import { MapLocate } from "@bingoit/mobile-ui";

Vue.use(MapLocate);
```

## 代码演示

### 基础用法

```html
<bgo-map-locate
    amap-key="amapKey"
    enable-drag
    :radius="500"
    :lngLat="[112.0123, 32.012387]"
/>
```

## API

### Props

| 名称        | 说明                           | 类型      | 可选值         | 默认值 |
| ----------- | ------------------------------ | --------- | -------------- | ------ |
| amap-key    | 高德地图 key                   | _string_  | -              | -      |
| enable-drag | 是否支持拖拽地图               | _boolean_ | `true`/`false` | `true` |
| radius      | POI 搜索半径                   | _number_  | -              | 0      |
| lngLat      | 地图初始中心点坐标, 高德坐标系 | _Array_   | -              | -      |

### Events

| 事件   | 说明               | 回调参数                                                            |
| ------ | ------------------ | ------------------------------------------------------------------- |
| change | 当中心点变更时触发 | _location: {address: string, lcoation: {lng: string, lat: string}}_ |