# j-Leaflet

> Este componente utiliza la [biblioteca Leaflet](https://leafletjs.com/) con el motor de mapas [OpenStreetMap](https://www.openstreetmap.org/). El componente utiliza dependencias de terceros.

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

Este componente utiliza la [biblioteca Leaflet](https://leafletjs.com/) con el motor de mapas [OpenStreetMap](https://www.openstreetmap.org/). El componente utiliza dependencias de terceros.


__Configuración__:

- `height {Number/String}` altura fija o un elemento principal (predeterminado: `200`)
- `margin {Number}` un margen para el elemento principal (predeterminado: `0`)
- `marker {Boolean}` habilita el marcador (predeterminado: `true`)
- `draggable {Boolean}` habilita el marcador arrastrable (predeterminado: `false`)
- `zoom {Number}` un nivel de zoom predeterminado (predeterminado: `10`)
- `maxzoom {Number}` un nivel de zoom máximo (predeterminado: `19`)
- `icon {String}` una URL al icono de marcador predeterminado
- `iconanchor {String}` opcional, ancla de icono en `x,y` (predeterminado: `undefined`)
- `iconsize {String}` opcional, tamaño de icono en `w,h` (predeterminado: `undefined`)
- `move {String}` evento de movimiento - un enlace a la función o variable `function(pos)`
- `click {String}` un evento de clic en marcador - un enlace a la función o variable `function(pos)`
- `center {String}` una ubicación predeterminada (por ejemplo, `Bratislava, Slovakia`) si el valor `setter` está vacío o admite valores NULL
- __NUEVO__: `exec {String}` opcional, un enlace al `function(value, component)` (se ejecutará cuando se cambie el valor)

__Métodos__:

- `component.search(location, callback)` busca localidad en la API de OpenStreetMap (la respuesta es una matriz)
- `component.parse(pos)` devuelve el GPS analizado a la matriz `[lat, lon, zoom]`
- `component.center(pos)` centra el mapa en la posición específica

Úselo con `<ui-component name="leaflet">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>
```