# j-Leaflet

> Deze component gebruikt [Leaflet](https://leafletjs.com/) De bibliotheek met de [OpenStreetMap](https://www.openstreetmap.org/) De component maakt gebruik van 3de partij afhankelijkheid.

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

Deze component gebruikt [Leaflet](https://leafletjs.com/) De bibliotheek met de [OpenStreetMap](https://www.openstreetmap.org/) De component maakt gebruik van 3de partij afhankelijkheid.


__Configuratie__:

- `height {Number/String}` vaste hoogte of een ouderlijk element (default: `200`)
- `margin {Number}` een marge voor het ouderlijk element (default: `0`)
- `marker {Boolean}` maakt markering mogelijk (default: `true`)
- `draggable {Boolean}` maakt draagbare markering mogelijk (default: `false`)
- `zoom {Number}` een standaard zoomniveau (default: `10`)
- `maxzoom {Number}` een maximale zoomniveau (default: `19`)
- `icon {String}` een URL naar de standaard marker icon
- `iconanchor {String}` optioneel, icon anchor in de voor `x,y` (default: `undefined`)
- `iconsize {String}` optioneel, icon grootte in de voor `w,h` (default: `undefined`)
- `move {String}` beweging gebeurtenis - een link naar de functie of variabele `function(pos)`
- `click {String}` een marker klik gebeurtenis - een link naar de functie of variabele `function(pos)`
- `center {String}` Een standaard locatie (bijv. `Bratislava, Slovakia`Als de `setter` De waarde is leeg / nul
- __NEW__: `exec {String}` optioneel, een link naar de `function(value, component)` (het wordt uitgevoerd wanneer de waarde verandert)

__Methoden__:

- `component.search(location, callback)` zoekt de locatie in de OpenStreetMap API (de antwoorden zijn opgenomen)
- `component.parse(pos)` keert de parsede GPS terug naar `[lat, lon, zoom]`
- `component.center(pos)` centra kaart naar de specifieke positie

Gebruik het met `<ui-component name="leaflet">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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