# gd-spatial-picker



<!-- Auto Generated Below -->


## Properties

| Property       | Attribute       | Description                                             | Type      | Default                 |
| -------------- | --------------- | ------------------------------------------------------- | --------- | ----------------------- |
| `autocomplete` | `autocomplete`  |                                                         | `boolean` | `false`                 |
| `disabled`     | `disabled`      | use to disable spatial picker                           | `boolean` | `false`                 |
| `fitWorld`     | `fit-world`     |                                                         | `boolean` | `false`                 |
| `label`        | `label`         |                                                         | `string`  | `'Select spatial area'` |
| `latitude`     | `latitude`      |                                                         | `number`  | `0`                     |
| `longitude`    | `longitude`     |                                                         | `number`  | `0`                     |
| `mapHeight`    | `map-height`    |                                                         | `number`  | `undefined`             |
| `mapWidth`     | `map-width`     |                                                         | `number`  | `undefined`             |
| `maxZoom`      | `max-zoom`      |                                                         | `number`  | `24`                    |
| `minZoom`      | `min-zoom`      |                                                         | `number`  | `0`                     |
| `precision`    | `precision`     |                                                         | `number`  | `2`                     |
| `showMapIcon`  | `show-map-icon` |                                                         | `boolean` | `true`                  |
| `useAsIcon`    | `use-as-icon`   | use spatial picker as an icon instead of default input. | `boolean` | `false`                 |
| `value`        | `value`         |                                                         | `string`  | `''`                    |
| `zoom`         | `zoom`          |                                                         | `number`  | `2`                     |


## Events

| Event               | Description | Type               |
| ------------------- | ----------- | ------------------ |
| `isInValid`         |             | `CustomEvent<any>` |
| `spatialPickerInit` |             | `CustomEvent<any>` |
| `valueChanged`      |             | `CustomEvent<any>` |


## Dependencies

### Depends on

- [gd-map](../gd-map)
- bs-button
- bs-icon
- bs-form-row
- bs-form-group
- bs-form-label
- bs-form-control

### Graph
```mermaid
graph TD;
  gd-spatial-picker --> gd-map
  gd-spatial-picker --> bs-button
  gd-spatial-picker --> bs-icon
  gd-spatial-picker --> bs-form-row
  gd-spatial-picker --> bs-form-group
  gd-spatial-picker --> bs-form-label
  gd-spatial-picker --> bs-form-control
  bs-button --> bs-icon
  style gd-spatial-picker fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*
