# gd-map



<!-- Auto Generated Below -->


## Properties

| Property             | Attribute             | Description | Type      | Default                 |
| -------------------- | --------------------- | ----------- | --------- | ----------------------- |
| `fitWorld`           | `fit-world`           |             | `boolean` | `false`                 |
| `height`             | `height`              |             | `number`  | `undefined`             |
| `latitude`           | `latitude`            |             | `number`  | `DEFAULT_LOCATION.lat`  |
| `longitude`          | `longitude`           |             | `number`  | `DEFAULT_LOCATION.lon`  |
| `maxZoom`            | `max-zoom`            |             | `number`  | `24`                    |
| `minZoom`            | `min-zoom`            |             | `number`  | `0`                     |
| `navigationLocation` | `navigation-location` |             | `string`  | `'topright'`            |
| `resize`             | `resize`              |             | `boolean` | `false`                 |
| `showNavigation`     | `show-navigation`     |             | `boolean` | `true`                  |
| `width`              | `width`               |             | `number`  | `undefined`             |
| `zoom`               | `zoom`                |             | `number`  | `DEFAULT_LOCATION.zoom` |


## Events

| Event       | Description | Type               |
| ----------- | ----------- | ------------------ |
| `clearDraw` |             | `CustomEvent<any>` |
| `draw`      |             | `CustomEvent<any>` |
| `mapInit`   |             | `CustomEvent<any>` |


## Dependencies

### Used by

 - [gd-spatial-picker](../gd-spatial-picker)

### Graph
```mermaid
graph TD;
  gd-spatial-picker --> gd-map
  style gd-map fill:#f9f,stroke:#333,stroke-width:4px
```

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

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