# j-Map

> j-Map: fácil uso; El enlace bidireccional funciona con GPS (por lo que el componente devuelve coordenadas GPS al modelo cuando se utiliza el texto en lugar de GPS)

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: 8846a6f7179a156b1debe9b5332a3789d79a9c18b38a2cf0bc4477764470f137
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- `path="target.property"` puede contener GPS `48.727903,19.157763` o texto `Viestova 28, Banská Bystrica, Slovakia`
- El enlace bidireccional funciona con GPS (por lo que el componente devuelve coordenadas GPS al modelo cuando se utiliza `text` en lugar de GPS)
- __importante__: el elemento componente (o su `CSS`) debe tener definidos los atributos de estilo `width` y `height`.

__Configuración__:

- `key` __IMPORTANTE__ Clave API de Google
- `type` (opcional) debe contener un tipo de mapa (`roadmap` (predeterminado), `satellite`, `hybrid`, `terrain`)
- `draggable` (opcional) para arrastrar y soltar marcador (predeterminado: `false`)
- `click` (opcional) debe contener un nombre de función y este método se evalúa cuando el usuario hace clic en el marcador
- `zoom` (opcional), predeterminado `13`
- `icon` (opcional) debe contener una URL a un nuevo marcador de icono
- `animation` (opcional) debe contener un tipo de animación (`bounce` y `drop`)

__Métodos__:

- `component.search(lat, lng)` los argumentos deben ser números.
- Los argumentos `component.search(text)` deben ser una cadena.
- `component.reset()` llamada evento `resize` (útil para modales)
- `component.reset(lat, lng)` los argumentos deben ser números.

Úselo con `<ui-component name="map">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

```html example.html
<ui-component name="map" path="mygps" config="zoom:10;draggable:false;animation:bounce" style="width:300px;height:150px"></ui-component>

<script>
	var mygps = '48.727903,19.157763';
</script>
```