# j-Leaflet

> Denna komponent används [Leaflet](https://leafletjs.com/) Biblioteket med [OpenStreetMap](https://www.openstreetmap.org/) kartmotorn. komponenten använder tredjepartsberoende.

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

Denna komponent används [Leaflet](https://leafletjs.com/) Biblioteket med [OpenStreetMap](https://www.openstreetmap.org/) kartmotorn. komponenten använder tredjepartsberoende.


__Konfigurera__:

- `height {Number/String}` fast höjd eller ett föräldralement (default: `200`)
- `margin {Number}` en marginal för föräldraelementet (default: `0`)
- `marker {Boolean}` aktiverar markering (default: `true`)
- `draggable {Boolean}` möjliggör dragbar markör (default: `false`)
- `zoom {Number}` en standard zoomnivå (default: `10`)
- `maxzoom {Number}` en maximal zoomnivå (default: `19`)
- `icon {String}` en URL till standardmärkaren
- `iconanchor {String}` valfritt, ikonen anchor i den för `x,y` (default: `undefined`)
- `iconsize {String}` valfritt, ikonstorlek i den för `w,h` (default: `undefined`)
- `move {String}` rörelse händelse - en länk till funktionen eller variabel `function(pos)`
- `click {String}` en markeringsklick händelse - en länk till funktionen eller variabel `function(pos)`
- `center {String}` är en standardposition (t.ex. `Bratislava, Slovakia`) om värdet `setter` är tomt/nollbart
- __NEW__: `exec {String}` valfritt, en länk till `function(value, component)` (det kommer att utföras när värdet ändras)

__Metoder__:

- `component.search(location, callback)` söker plats i OpenStreetMap API (responsen är uppsatt)
- `component.parse(pos)` returnerar parsed GPS till `[lat, lon, zoom]`
- `component.center(pos)` centrum karta till den specifika positionen

Använd den med `<ui-component name="leaflet">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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