j-Map

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

path="target.property" poate conține 48.727903,19.157763 sau textul Viestova 28, Banská Bystrica, Slovakia
două moduri de legare funcționează cu GPS (dacă componenta returnează coordonatele GPS în model atunci când text este utilizat în loc de GPS)
important: elementul component (sau CSS) trebuie să aibă atribute de stil width și height definite

Configurarea:

key IMPORTANT cheie Google API
type (opțional) trebuie să conțină un tip de hartă (roadmap (default), satellite, hybrid, terrain)
draggable (opțional) pentru marcă de tragere și de scădere (default: false)
click (opțional) trebuie să conțină un nume de funcție și această metodă este evaluată atunci când utilizatorul face clic pe marcă
zoom (opțional), standard 13
icon (opțional) trebuie să conțină un URL pentru o nouă pictogramă
animation (opțional) trebuie să conțină un tip de animație (bounce și drop)

Metode:

Argumentele component.search(lat, lng) trebuie să fie numere
Argumentele component.search(text) trebuie să fie o stringă
component.reset() apel resize eveniment (utilizabil pentru modale)
Argumentele component.reset(lat, lng) trebuie să fie numere

Utilizați-l cu <ui-component name="map">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

<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>