j-Leaflet

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Este componente utiliza la biblioteca Leaflet con el motor de mapas OpenStreetMap. 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.

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>