# j-Leaflet

> Diese Komponente verwendet die [Leaflet](https://leafletjs.com/)-Bibliothek mit der [OpenStreetMap](https://www.openstreetmap.org/)-Karten-Engine. Die Komponente nutzt Abhängigkeiten von Drittanbietern.

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

Diese Komponente verwendet die [Leaflet](https://leafletjs.com/)-Bibliothek mit der [OpenStreetMap](https://www.openstreetmap.org/)-Karten-Engine. Die Komponente nutzt Abhängigkeiten von Drittanbietern.


__Konfiguration__:

- `height {Number/String}` feste Höhe oder ein übergeordnetes Element (Standard: `200`)
- `margin {Number}` eine Marge für das Mutterelement (Default: `0`)
- `marker {Boolean}` ermöglicht einen Markierer (Default: `true`)
- `draggable {Boolean}` erlaubt drahtbare Marker (Default: `false`)
- `zoom {Number}` eine Standardzoomstufe (Standard: `10`)
- `maxzoom {Number}` ein maximales Zoom (Default: `19`)
- `icon {String}` eine URL zum Standard-Marker
- `iconanchor {String}` optionale, Ikonankör in der für `x,y` (Default: `undefined`)
- `iconsize {String}` optionale, Ikongröße in der für `w,h` (Default: `undefined`)
- `move {String}` Bewegung - eine Verbindung zur Funktion oder Variable `function(pos)`
- `click {String}` ein Markeraufkommen - eine Verbindung zur Funktion oder Variable `function(pos)`
- `center {String}` Ein Standardort (z. B. `Bratislava, Slovakia`Wenn die `setter` Wert ist leer / null
- __NEW__: `exec {String}` optional, ein Link zum `function(value, component)` (wird ausgeführt, wenn der Wert geändert wird)

__Methoden__:

- `component.search(location, callback)` sucht die Lage in der OpenStreetMap API (Response is array)
- `component.parse(pos)` kehrt GPS zurück zu `[lat, lon, zoom]`
- `component.center(pos)`-Zentren auf die spezifische Position

Verwenden Sie es mit `<ui-component name="leaflet">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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