j-Leaflet

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Tento komponent používa knižnicu Leaflet s mapovým modulom OpenStreetMap. Komponent používa závislosti tretích strán.

Konfigurácia:

height {Number/String} pevná výška alebo nadradený prvok (predvolené: 200)
margin {Number} okraj pre nadradený prvok (predvolené: 0)
marker {Boolean} povolí značku (predvolené: true)
draggable {Boolean} umožňuje presúvať značku (predvolené: false)
zoom {Number} predvolená úroveň priblíženia (predvolená: 10)
maxzoom {Number} maximálna úroveň priblíženia (predvolené: 19)
icon {String} URL na predvolenú ikonu značky
iconanchor {String} voliteľné, ikona ukotvenia v pre x,y (predvolené: undefined)
iconsize {String} voliteľné, veľkosť ikony v pre w,h (predvolené: undefined)
move {String} udalosť presunu - prepojenie na funkciu alebo premennú function(pos)
click {String} udalosť kliknutia na značku - odkaz na funkciu alebo premennú function(pos)
center {String} predvolené umiestnenie (napr. Bratislava, Slovakia), ak je hodnota setter prázdna/môže byť nulová
NEW: exec {String} voliteľné, prepojenie na function(value, component) (vykoná sa pri zmene hodnoty)

Metódy:

component.search(location, callback) hľadá lokalitu v OpenStreetMap API (odpoveď je pole)
component.parse(pos) vráti analyzovaný GPS do poľa [lat, lon, zoom]
Mapovanie stredísk component.center(pos) na konkrétnu pozíciu

Použite ho so <ui-component name="leaflet">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov 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>