j-Map

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

path="target.property" peut contenir le GPS 48.727903,19.157763 ou le texte Viestova 28, Banská Bystrica, Slovakia
la liaison bidirectionnelle fonctionne avec le GPS (le composant renvoie donc les coordonnées GPS dans le modèle lorsque le text est utilisé à la place du GPS)
important : l'élément composant (ou son CSS) doit avoir défini les attributs de style width et height

Configuration :

key IMPORTANT Clé API Google
type (facultatif) doit contenir un type de carte (roadmap (par défaut), satellite, hybrid, terrain)
draggable (facultatif) pour le marqueur glisser-déposer (par défaut : false)
click (facultatif) doit contenir un nom de fonction et cette méthode est évaluée lorsque l'utilisateur clique sur le marqueur
zoom (facultatif), 13 par défaut
icon (facultatif) doit contenir une URL vers un nouveau marqueur d'icône
animation (facultatif) doit contenir un type d'animation (bounce et drop)

Méthodes :

Les arguments component.search(lat, lng) doivent être des nombres
Les arguments component.search(text) doivent être une chaîne
component.reset() appelle l'événement resize (utile pour les modaux)
Les arguments component.reset(lat, lng) doivent être des nombres

Utilisez-le avec <ui-component name="map">. 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

<ui-component name="map" path="mygps" config="zoom:10;draggable:false;animation:bounce" style="width:300px;height:150px"></ui-component>

<script>
	var mygps = '48.727903,19.157763';
</script>