# j-Map

> j-Map: facile da usare; due modi di collegamento funziona con il GPS (in modo che il componente restituisca i coordinati GPS al modello quando il testo è utilizzato invece del GPS)

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: it
Content-SHA256: 44cb8786e189aa7e544491fd6978868d2fbf4a229b36b3d047ef3d84d9c03157
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- `path="target.property"` può contenere il testo `Viestova 28, Banská Bystrica, Slovakia` o il GPS `48.727903,19.157763`
- due modi di collegamento funziona con GPS (in modo che il componente restituisca le coordinate GPS al modello quando il `text` viene utilizzato invece di GPS)
- __importante__: l'elemento componente (o il suo `CSS`) deve avere attributi di stile `width` e `height` definiti

__Configurazione__:

- `key` _ IMPORTANTE _ chiave di Google API
- `type` (opzionale) deve contenere un tipo di mappa (`roadmap` (default), `satellite`, `hybrid`, `terrain`)
- `draggable` (opzionale) per il marcatore di taglio e caduta (default: `false`)
- `click` (opzionale) deve contenere un nome di funzione e questo metodo viene valutato quando l'utente fa clic sul marchio
- `zoom` (opzionale) e standard `13`
- `icon` (opzionale) deve contenere un URL per un nuovo marcatore
- `animation` (opzionale) deve contenere un tipo di animazione (`bounce` e `drop`)

__Metodi__:

- Gli argomenti di `component.search(lat, lng)` devono essere numeri
- Gli argomenti di `component.search(text)` devono essere una stringa
- `component.reset()` chiama evento `resize` (utilizzabile per i modali)
- Gli argomenti di `component.reset(lat, lng)` devono essere numeri

Utilizzare con `<ui-component name="map">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>
```