j-Leaflet

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Ce composant utilise Le feuillage La bibliothèque avec le OpenStreetMap Le moteur de la carte. le composant utilise les dépendances de 3ème partie.

Configuration :

height {Number/String} hauteur fixe ou un élément parent (defaut: 200)
margin {Number} une marge pour l'élément parent (defaut: 0)
marker {Boolean} permet le marquage (defaut: true)
draggable {Boolean} permet le marquage traçable (defaut: false)
zoom {Number} un niveau de zoom par défaut (defaut: 10)
maxzoom {Number} Le niveau de zoom maximum (defaut) 19)
icon {String} une URL à l'icône de marquage par défaut
iconanchor {String} optionnel, anchor de l'icône pour x,y (défaut: undefined)
iconsize {String} optionnel, taille de l'icône pour w,h (defaut: undefined)
Événement de mouvement move {String} - un lien vers la fonction ou la variable function(pos)
click {String} un événement de clic marquant - un lien vers la fonction ou la variable function(pos)
center {String} est un emplacement par défaut (par exemple, Bratislava, Slovakia) si la valeur setter est vide/nullable
NEW: exec {String} optionnel, un lien vers le function(value, component) (il sera exécuté lorsque la valeur est modifiée)

Méthodes :

component.search(location, callback) recherche la localisation dans l'API OpenStreetMap (la réponse est en ligne)
component.parse(pos) retourne le GPS parsé à l'array [lat, lon, zoom]
component.center(pos) à la position spécifique

Utilisez-le avec <ui-component name="leaflet">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>