# j-Leaflet

> Ten składnik wykorzystuje [Leaflet](https://leafletjs.com/) Biblioteka z [OpenStreetMap](https://www.openstreetmap.org/) Zestaw używa zależności trzeciej strony.

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

Ten składnik wykorzystuje [Leaflet](https://leafletjs.com/) Biblioteka z [OpenStreetMap](https://www.openstreetmap.org/) Zestaw używa zależności trzeciej strony.


__Konfiguracja__:

- Wysokość stała `height {Number/String}` lub element rodzinny (default: `200`)
- `margin {Number}` marża dla elementu rodzinnego (default: `0`)
- `marker {Boolean}` umożliwia markery (default: `true`)
- `draggable {Boolean}` umożliwia wyciągnięte markery (default: `false`)
- `zoom {Number}` standardowy poziom zoomu (default: `10`)
- `maxzoom {Number}` Maksymalny poziom zoomu (default): `19`)
- `icon {String}` URL do ikony markerów
- `iconanchor {String}` opcjonalny, ikona ankiety dla `x,y` (default: `undefined`)
- `iconsize {String}` opcjonalny, rozmiar ikony w `w,h` (default: `undefined`)
- Wydarzenie przesuwające `move {String}` - link do funkcji lub zmiennej `function(pos)`
- `click {String}` zdarzenie kliknięcia markeru - link do funkcji lub zmiennej `function(pos)`
- `center {String}` jest domyślną lokalizacją (np. `Bratislava, Slovakia`) jeśli wartość `setter` jest pusta/niemożliwa
- __NEW__: `exec {String}` opcjonalny, link do `function(value, component)` (będzie wykonywany po zmianie wartości)

__Metody__:

- `component.search(location, callback)` wyszukuje lokalizację w API OpenStreetMap (odpowiedź jest rozmieszczona)
- `component.parse(pos)` zwraca GPS do rozdzielania `[lat, lon, zoom]`
- `component.center(pos)` mapy do określonego położenia

Użyj go z `<ui-component name="leaflet">`Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>
```