# gd-map



<!-- Auto Generated Below -->


## Properties

| Property              | Attribute                | Description | Type      | Default                 |
| --------------------- | ------------------------ | ----------- | --------- | ----------------------- |
| `drawCircleOption`    | `draw-circle-option`     |             | `boolean` | `false`                 |
| `drawMarkerOption`    | `draw-marker-option`     |             | `boolean` | `false`                 |
| `fitWorld`            | `fit-world`              |             | `boolean` | `false`                 |
| `height`              | `height`                 |             | `number`  | `undefined`             |
| `latitude`            | `latitude`               |             | `number`  | `DEFAULT_LOCATION.lat`  |
| `longitude`           | `longitude`              |             | `number`  | `DEFAULT_LOCATION.lon`  |
| `markerIconShadowUrl` | `marker-icon-shadow-url` |             | `string`  | `'marker-shadow.png'`   |
| `markerIconUrl`       | `marker-icon-url`        |             | `string`  | `'marker-icon.png'`     |
| `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/)*
