j-Leaflet

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Questo componente utilizza Il Leaflet La biblioteca con il OpenStreetMap Il motore mappa. il componente utilizza dipendenze di terza parte.

Configurazione:

L'altezza fissa di height {Number/String} o un elemento parentale (default: 200)
margin {Number} un margine per l'elemento parentale (default: 0)
marker {Boolean} consente di segnalare (default: true)
draggable {Boolean} consente il segnale di tracciamento (default: false)
zoom {Number} un livello di zoom predefinito (predefinita: 10)
maxzoom {Number} a livello massimo di zoom (default: 19)
icon {String} un URL per l'icona del marcatore predefinito
iconanchor {String} opzionale, anchore iconico per x,y (default: undefined)
iconsize {String} opzionale, dimensione dell'icona per w,h (default: undefined)
L'evento di movimento move {String} - un collegamento alla funzione o variabile function(pos)
click {String} un evento di clic marcatore - un collegamento alla funzione o variabile function(pos)
center {String} è una posizione predefinita (ad esempio Bratislava, Slovakia) se il valore setter è vuoto/nullabile
NEW: exec {String} opzionale, un collegamento al function(value, component) (è eseguito quando il valore è cambiato)

Metodi:

component.search(location, callback) cerca la località nell'API OpenStreetMap (la risposta è in ordine)
component.parse(pos) ritorna il parsede GPS a [lat, lon, zoom]
Mappa del centro di component.center(pos) alla posizione specifica

Utilizzare con <ui-component name="leaflet">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>