j-Map

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

path="target.property" può contenere il testo Viestova 28, Banská Bystrica, Slovakia o il GPS 48.727903,19.157763
due modi di collegamento funziona con GPS (in modo che il componente restituisca le coordinate GPS al modello quando il text viene utilizzato invece di GPS)
importante: l'elemento componente (o il suo CSS) deve avere attributi di stile width e height definiti

Configurazione:

key IMPORTANTE chiave di Google API
type (opzionale) deve contenere un tipo di mappa (roadmap (default), satellite, hybrid, terrain)
draggable (opzionale) per il marcatore di taglio e caduta (default: false)
click (opzionale) deve contenere un nome di funzione e questo metodo viene valutato quando l'utente fa clic sul marchio
zoom (opzionale) e standard 13
icon (opzionale) deve contenere un URL per un nuovo marcatore
animation (opzionale) deve contenere un tipo di animazione (bounce e drop)

Metodi:

Gli argomenti di component.search(lat, lng) devono essere numeri
Gli argomenti di component.search(text) devono essere una stringa
component.reset() chiama evento resize (utilizzabile per i modali)
Gli argomenti di component.reset(lat, lng) devono essere numeri

Utilizzare con <ui-component name="map">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>