ForgeKomponenty
cs

Komponenty

j-Leaflet

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Tato složka používá Leafletová Knihovna s OpenStreetMap Motor mapy. složka používá závislost třetí strany.


Konfigurace:

  • height {Number/String} pevná výška nebo mateřský prvek (předvolený: 200)
  • margin {Number} je marže pro rodný prvek (předvolený: 0)
  • marker {Boolean} umožňuje označení (předvolené: true)
  • draggable {Boolean} umožňuje přetěžovatelný marker (přizpůsobeno: false)
  • zoom {Number} Standardní zoomová úroveň (default zoom level): 10)
  • maxzoom {Number} Maximální úroveň zoomu (default) 19)
  • icon {String} URL na výchozí ikonu
  • iconanchor {String} volitelný, ikona v nástroji pro x,y (předvolený: undefined)
  • iconsize {String} volitelná, velikost ikony v w,h (předvolená: undefined)
  • move {String} pohybová událost - odkaz na funkci nebo proměnnou function(pos)
  • click {String} marker kliknutí událost - odkaz na funkci nebo variabilní function(pos)
  • center {String} je výchozí umístění (např. Bratislava, Slovakia) pokud je hodnota setter prázdná / nulová
  • NEW: exec {String} volitelné, odkaz na function(value, component) (bude spuštěn při změně hodnoty)

Metody:

  • component.search(location, callback) vyhledává lokalitu v API OpenStreetMap (odpověď je rozložena)
  • component.parse(pos) vrácí parsed GPS na rozložení [lat, lon, zoom]
  • component.center(pos) centra mapy na konkrétní pozici

Použijte ji s <ui-component name="leaflet">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>