# j-Leaflet

> Această componentă utilizează [Leafletul](https://leafletjs.com/) Biblioteca cu [OpenStreetMap](https://www.openstreetmap.org/) Componentul utilizează dependențele de partea a treia.

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

Această componentă utilizează [Leafletul](https://leafletjs.com/) Biblioteca cu [OpenStreetMap](https://www.openstreetmap.org/) Componentul utilizează dependențele de partea a treia.


__Configurarea__:

- `height {Number/String}` înălțime fixă sau un element parental (default: `200`)
- `margin {Number}` o marjă pentru elementul părinte (default: `0`)
- `marker {Boolean}` permite markerul (default: `true`)
- `draggable {Boolean}` permite marcajul trabil (default: `false`)
- `zoom {Number}` Nivelul de zoom (default) `10`)
- `maxzoom {Number}` un nivel maxim de zoom (default: `19`)
- `icon {String}` - un URL pentru iconul de marcă
- `iconanchor {String}` opțional, ancheta iconică pentru `x,y` (default: `undefined`)
- `iconsize {String}` opțional, mărimea iconului pentru `w,h` (default: `undefined`)
- Evenimentul de mișcare `move {String}` - un link la funcția sau variabilul `function(pos)`
- `click {String}` un eveniment de clic marker - un link la funcția sau variabilul `function(pos)`
- `center {String}` este o locație implicită (de exemplu, `Bratislava, Slovakia`) în cazul în care valoarea `setter` este goală / nulă
- __NEW__: `exec {String}` opțional, un link la `function(value, component)` (se va executa atunci când valoarea este schimbată)

__Metode__:

- `component.search(location, callback)` caută locația în API-ul OpenStreetMap (responsul este aranjat)
- `component.parse(pos)` întoarce GPS-ul parset la array `[lat, lon, zoom]`
- `component.center(pos)` - o hartă pentru poziția specifică

Utilizați-l cu `<ui-component name="leaflet">`Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa `DEF.fallback` (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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