j-Leaflet

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Denna komponent används Leaflet Biblioteket med OpenStreetMap kartmotorn. komponenten använder tredjepartsberoende.

Konfigurera:

height {Number/String} fast höjd eller ett föräldralement (default: 200)
margin {Number} en marginal för föräldraelementet (default: 0)
marker {Boolean} aktiverar markering (default: true)
draggable {Boolean} möjliggör dragbar markör (default: false)
zoom {Number} en standard zoomnivå (default: 10)
maxzoom {Number} en maximal zoomnivå (default: 19)
icon {String} en URL till standardmärkaren
iconanchor {String} valfritt, ikonen anchor i den för x,y (default: undefined)
iconsize {String} valfritt, ikonstorlek i den för w,h (default: undefined)
move {String} rörelse händelse - en länk till funktionen eller variabel function(pos)
click {String} en markeringsklick händelse - en länk till funktionen eller variabel function(pos)
center {String} är en standardposition (t.ex. Bratislava, Slovakia) om värdet setter är tomt/nollbart
NEW: exec {String} valfritt, en länk till function(value, component) (det kommer att utföras när värdet ändras)

Metoder:

component.search(location, callback) söker plats i OpenStreetMap API (responsen är uppsatt)
component.parse(pos) returnerar parsed GPS till [lat, lon, zoom]
component.center(pos) centrum karta till den specifika positionen

Använd den med <ui-component name="leaflet">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>