# j-Map

> j-Map: snadné použití; dva způsoby, jak se spojit s GPS (tak složka vrací GPS koordináty do modelu, když je text používán namísto GPS)

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

- `path="target.property"` může obsahovat GPS `48.727903,19.157763` nebo text `Viestova 28, Banská Bystrica, Slovakia`
- Dvě směry, které jsou spojeny s GPS (tak že komponenta vrácí koordináty GPS do modelu, když je `text` používán místo GPS)
- __important__: prvek složky (nebo jeho `CSS`) musí mít definované atributy stylu `width` a `height`

__Konfigurace__:

- `key` _ IMPORTANT _ klíč Google API
- `type` (volitelně) musí obsahovat typ mapy (`roadmap` (podle předpokladu), `satellite`, `hybrid`, `terrain`)
- `draggable` (volitelné) pro značku dráhy a pádu (předběžně: `false`)
- `click` (volitelně) musí obsahovat název funkce a tato metoda je hodnocena, když uživatel klikne na značku
- `zoom` (volitelné), standardní `13`
- `icon` (volitelně) musí obsahovat URL pro novou ikonu
- `animation` (volitelně) musí obsahovat animovaný typ (`bounce` a `drop`)

__Metody__:

- Argumenty `component.search(lat, lng)` musí být čísla
- Argumenty `component.search(text)` musí být řetězec
- `component.reset()` volání `resize` událost (použitelné pro modály)
- Argumenty `component.reset(lat, lng)` musí být čísla

Použijte ji s `<ui-component name="map">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

```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>
```