ForgeComponents
el

Components

j-Leaflet

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Αυτό το συστατικό χρησιμοποιεί Λίμνη Η βιβλιοθήκη με το OpenStreetMap Η μηχανή χάρτη.Το συστατικό χρησιμοποιεί εξαρτήσεις τρίτου μέρους.


ΕΠΙΤΡΟΦΗ:

  • Φυσικό ύψος height {Number/String} ή γονικό στοιχείο (προεπιλεγμένο: 200)
  • margin {Number} ένα περιθώριο για το γονικό στοιχείο (προεπιλεγμένο: 0)
  • marker {Boolean} επιτρέπει τον δείκτη (προεπιλεγμένο: true)
  • Το draggable {Boolean} επιτρέπει τον αποσπάσιμο δείκτη (προεπιλεγμένο: false)
  • zoom {Number} Προεπιλεγμένο επίπεδο ζουμ (default) 10)
  • maxzoom {Number} μέγιστο επίπεδο ζούμ (προεπιλεγμένο: 19)
  • icon {String} ένα URL στο προεπιλεγμένο εικονίδιο
  • iconanchor {String} προαιρετική, εικονική εμβέλειας στο για το x,y (προεπιλεγμένο: undefined)
  • iconsize {String} προαιρετικό, το μέγεθος του εικονιού για το w,h (προεπιλεγμένο: undefined)
  • move {String} κίνηση γεγονότος - μια σύνδεση με τη λειτουργία ή μεταβλητή function(pos)
  • click {String} ένα συμβάν κλικ - μια σύνδεση με τη λειτουργία ή μεταβλητή function(pos)
  • center {String} μια προεπιλεγμένη τοποθεσία (π.χ. Bratislava, Slovakia) εάν η τιμή setter είναι κενή / μηδενική
  • NEW: exec {String} προαιρετική, μια σύνδεση με το function(value, component) (θα εκτελεστεί όταν η τιμή αλλάξει)

Μέθοδοι:

  • Το component.search(location, callback) αναζητά την τοποθεσία στο OpenStreetMap API (η απάντηση είναι γραμμένη)
  • Το component.parse(pos) επιστρέφει το παρσετό GPS στο [lat, lon, zoom]
  • Χάρτης component.center(pos) για την συγκεκριμένη θέση

Χρησιμοποιήστε το με <ui-component name="leaflet">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>