j-Leaflet

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Ez az összetevő használja Leaflet A könyvtár a Nyílt térkép Az összetevő a harmadik fél függőségét használja.

konfiguráció:

height {Number/String} rögzített magasság vagy szülőelem (default: 200)
margin {Number} a szülőelemhez tartozó margin (default: 0)
A marker {Boolean} megengedi a jelölést (default: true)
A draggable {Boolean} lehetővé teszi a húzható markeret (default: false)
zoom {Number} egy alapértelmezett zoom szint (default: 10)
maxzoom {Number} a maximális zoom szint (default: 19)
icon {String} egy URL-t az alapértelmezett jelölő ikonhoz
iconanchor {String} opcionális, ikon anchor a x,y (default: undefined)
iconsize {String} opcionális, ikon mérete a w,h (default: undefined)
move {String} mozgó esemény - a funkcióhoz vagy a változóhoz való link function(pos)
click {String} egy marker kattintási esemény - a funkcióhoz vagy változóhoz való link function(pos)
center {String} egy alapértelmezett hely (például Bratislava, Slovakia) ha a setter értéke üres/semleges
NEW: exec {String} opcionális, a function(value, component)-hez való link (az értéket módosítva futtatják)

módszerek:

component.search(location, callback) keres a helyszínen az OpenStreetMap API-n (a válasz sorra kerül)
component.parse(pos) Visszatér a GPS-hez [lat, lon, zoom]
component.center(pos) központok térképe a konkrét pozícióhoz

Használja a <ui-component name="leaflet">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>