j-Map

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

path="target.property" môže obsahovať GPS 48.727903,19.157763 alebo text Viestova 28, Banská Bystrica, Slovakia
obojsmerné viazanie funguje s GPS (takže komponent vracia GPS súradnice do modelu, keď sa namiesto GPS použije text)
important: prvok komponentu (alebo jeho CSS) musí mať definované atribúty štýlu width a height

Konfigurácia:

key IMPORTANT kľúč rozhrania Google API
type (voliteľné) musí obsahovať typ mapy (roadmap (predvolené), satellite, hybrid, terrain)
draggable (voliteľné) pre značku drag & drop (predvolené: false)
click (voliteľné) musí obsahovať názov funkcie a táto metóda sa vyhodnotí, keď používateľ klikne na značku
zoom (voliteľné), predvolené 13
icon (voliteľné) musí obsahovať URL na novú značku ikony
animation (voliteľné) musí obsahovať typ animácie (bounce a drop)

Metódy:

Argumenty component.search(lat, lng) musia byť čísla
Argumenty component.search(text) musia byť reťazce
component.reset() volanie udalosti resize (užitočné pre modály)
Argumenty component.reset(lat, lng) musia byť čísla

Použite ho so <ui-component name="map">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia 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>