# j-Map

> j-Map : utilisation facile ; la liaison bidirectionnelle fonctionne avec le GPS (le composant renvoie donc les coordonnées GPS dans le modèle lorsque le texte est utilisé à la place du GPS)

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

- `path="target.property"` peut contenir le GPS `48.727903,19.157763` ou le texte `Viestova 28, Banská Bystrica, Slovakia`
- la liaison bidirectionnelle fonctionne avec le GPS (le composant renvoie donc les coordonnées GPS dans le modèle lorsque le `text` est utilisé à la place du GPS)
- __important__ : l'élément composant (ou son `CSS`) doit avoir défini les attributs de style `width` et `height`

__Configuration__ :

- `key` __IMPORTANT__ Clé API Google
- `type` (facultatif) doit contenir un type de carte (`roadmap` (par défaut), `satellite`, `hybrid`, `terrain`)
- `draggable` (facultatif) pour le marqueur glisser-déposer (par défaut : `false`)
- `click` (facultatif) doit contenir un nom de fonction et cette méthode est évaluée lorsque l'utilisateur clique sur le marqueur
- `zoom` (facultatif), `13` par défaut
- `icon` (facultatif) doit contenir une URL vers un nouveau marqueur d'icône
- `animation` (facultatif) doit contenir un type d'animation (`bounce` et `drop`)

__Méthodes__ :

- Les arguments `component.search(lat, lng)` doivent être des nombres
- Les arguments `component.search(text)` doivent être une chaîne
- `component.reset()` appelle l'événement `resize` (utile pour les modaux)
- Les arguments `component.reset(lat, lng)` doivent être des nombres

Utilisez-le avec `<ui-component name="map">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>
```