j-Leaflet

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Această componentă utilizează Leafletul Biblioteca cu OpenStreetMap Componentul utilizează dependențele de partea a treia.

Configurarea:

height {Number/String} înălțime fixă sau un element parental (default: 200)
margin {Number} o marjă pentru elementul părinte (default: 0)
marker {Boolean} permite markerul (default: true)
draggable {Boolean} permite marcajul trabil (default: false)
zoom {Number} Nivelul de zoom (default) 10)
maxzoom {Number} un nivel maxim de zoom (default: 19)
icon {String} - un URL pentru iconul de marcă
iconanchor {String} opțional, ancheta iconică pentru x,y (default: undefined)
iconsize {String} opțional, mărimea iconului pentru w,h (default: undefined)
Evenimentul de mișcare move {String} - un link la funcția sau variabilul function(pos)
click {String} un eveniment de clic marker - un link la funcția sau variabilul function(pos)
center {String} este o locație implicită (de exemplu, Bratislava, Slovakia) în cazul în care valoarea setter este goală / nulă
NEW: exec {String} opțional, un link la function(value, component) (se va executa atunci când valoarea este schimbată)

Metode:

component.search(location, callback) caută locația în API-ul OpenStreetMap (responsul este aranjat)
component.parse(pos) întoarce GPS-ul parset la array [lat, lon, zoom]
component.center(pos) - o hartă pentru poziția specifică

Utilizați-l cu <ui-component name="leaflet">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>