j-Leaflet

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Deze component gebruikt Leaflet De bibliotheek met de OpenStreetMap De component maakt gebruik van 3de partij afhankelijkheid.

Configuratie:

height {Number/String} vaste hoogte of een ouderlijk element (default: 200)
margin {Number} een marge voor het ouderlijk element (default: 0)
marker {Boolean} maakt markering mogelijk (default: true)
draggable {Boolean} maakt draagbare markering mogelijk (default: false)
zoom {Number} een standaard zoomniveau (default: 10)
maxzoom {Number} een maximale zoomniveau (default: 19)
icon {String} een URL naar de standaard marker icon
iconanchor {String} optioneel, icon anchor in de voor x,y (default: undefined)
iconsize {String} optioneel, icon grootte in de voor w,h (default: undefined)
move {String} beweging gebeurtenis - een link naar de functie of variabele function(pos)
click {String} een marker klik gebeurtenis - een link naar de functie of variabele function(pos)
center {String} Een standaard locatie (bijv. Bratislava, SlovakiaAls de setter De waarde is leeg / nul
NEW: exec {String} optioneel, een link naar de function(value, component) (het wordt uitgevoerd wanneer de waarde verandert)

Methoden:

component.search(location, callback) zoekt de locatie in de OpenStreetMap API (de antwoorden zijn opgenomen)
component.parse(pos) keert de parsede GPS terug naar [lat, lon, zoom]
component.center(pos) centra kaart naar de specifieke positie

Gebruik het met <ui-component name="leaflet">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>