j-Leaflet

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Diese Komponente verwendet die Leaflet-Bibliothek mit der OpenStreetMap-Karten-Engine. Die Komponente nutzt Abhängigkeiten von Drittanbietern.

Konfiguration:

height {Number/String} feste Höhe oder ein übergeordnetes Element (Standard: 200)
margin {Number} eine Marge für das Mutterelement (Default: 0)
marker {Boolean} ermöglicht einen Markierer (Default: true)
draggable {Boolean} erlaubt drahtbare Marker (Default: false)
zoom {Number} eine Standardzoomstufe (Standard: 10)
maxzoom {Number} ein maximales Zoom (Default: 19)
icon {String} eine URL zum Standard-Marker
iconanchor {String} optionale, Ikonankör in der für x,y (Default: undefined)
iconsize {String} optionale, Ikongröße in der für w,h (Default: undefined)
move {String} Bewegung - eine Verbindung zur Funktion oder Variable function(pos)
click {String} ein Markeraufkommen - eine Verbindung zur Funktion oder Variable function(pos)
center {String} Ein Standardort (z. B. Bratislava, SlovakiaWenn die setter Wert ist leer / null
NEW: exec {String} optional, ein Link zum function(value, component) (wird ausgeführt, wenn der Wert geändert wird)

Methoden:

component.search(location, callback) sucht die Lage in der OpenStreetMap API (Response is array)
component.parse(pos) kehrt GPS zurück zu [lat, lon, zoom]
component.center(pos)-Zentren auf die spezifische Position

Verwenden Sie es mit <ui-component name="leaflet">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>