j-Leaflet

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Ten składnik wykorzystuje Leaflet Biblioteka z OpenStreetMap Zestaw używa zależności trzeciej strony.

Konfiguracja:

Wysokość stała height {Number/String} lub element rodzinny (default: 200)
margin {Number} marża dla elementu rodzinnego (default: 0)
marker {Boolean} umożliwia markery (default: true)
draggable {Boolean} umożliwia wyciągnięte markery (default: false)
zoom {Number} standardowy poziom zoomu (default: 10)
maxzoom {Number} Maksymalny poziom zoomu (default): 19)
icon {String} URL do ikony markerów
iconanchor {String} opcjonalny, ikona ankiety dla x,y (default: undefined)
iconsize {String} opcjonalny, rozmiar ikony w w,h (default: undefined)
Wydarzenie przesuwające move {String} - link do funkcji lub zmiennej function(pos)
click {String} zdarzenie kliknięcia markeru - link do funkcji lub zmiennej function(pos)
center {String} jest domyślną lokalizacją (np. Bratislava, Slovakia) jeśli wartość setter jest pusta/niemożliwa
NEW: exec {String} opcjonalny, link do function(value, component) (będzie wykonywany po zmianie wartości)

Metody:

component.search(location, callback) wyszukuje lokalizację w API OpenStreetMap (odpowiedź jest rozmieszczona)
component.parse(pos) zwraca GPS do rozdzielania [lat, lon, zoom]
component.center(pos) mapy do określonego położenia

Użyj go z <ui-component name="leaflet">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>