# j-Leaflet

> Tento komponent používa [Leaflet](https://leafletjs.com/) knižnicu s [OpenStreetMap](https://www.openstreetmap.org/) mapovým nástrojom. Komponent používa závislosti tretích strán.

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

Tento komponent používa knižnicu [Leaflet](https://leafletjs.com/) s mapovým modulom [OpenStreetMap](https://www.openstreetmap.org/). Komponent používa závislosti tretích strán.


__Konfigurácia__:

- `height {Number/String}` pevná výška alebo nadradený prvok (predvolené: `200`)
- `margin {Number}` okraj pre nadradený prvok (predvolené: `0`)
- `marker {Boolean}` povolí značku (predvolené: `true`)
- `draggable {Boolean}` umožňuje presúvať značku (predvolené: `false`)
- `zoom {Number}` predvolená úroveň priblíženia (predvolená: `10`)
- `maxzoom {Number}` maximálna úroveň priblíženia (predvolené: `19`)
- `icon {String}` URL na predvolenú ikonu značky
- `iconanchor {String}` voliteľné, ikona ukotvenia v pre `x,y` (predvolené: `undefined`)
- `iconsize {String}` voliteľné, veľkosť ikony v pre `w,h` (predvolené: `undefined`)
- `move {String}` udalosť presunu - prepojenie na funkciu alebo premennú `function(pos)`
- `click {String}` udalosť kliknutia na značku - odkaz na funkciu alebo premennú `function(pos)`
- `center {String}` predvolené umiestnenie (napr. `Bratislava, Slovakia`), ak je hodnota `setter` prázdna/môže byť nulová
- __NEW__: `exec {String}` voliteľné, prepojenie na `function(value, component)` (vykoná sa pri zmene hodnoty)

__Metódy__:

- `component.search(location, callback)` hľadá lokalitu v OpenStreetMap API (odpoveď je pole)
- `component.parse(pos)` vráti analyzovaný GPS do poľa `[lat, lon, zoom]`
- Mapovanie stredísk `component.center(pos)` na konkrétnu pozíciu

Použite ho so `<ui-component name="leaflet">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

```html example.html
<div style="width:400px">
	<ui-component name="leaflet" path="totalgps" config="height:200"></ui-component>
</div>

<script>
	var totalgps = '48.7357552902333, 19.1465583527431';
</script>
```