j-Map

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

path="target.property" kan innehålla GPS 48.727903,19.157763 eller text Viestova 28, Banská Bystrica, Slovakia
Två sätt binder fungerar med GPS (så komponenten returnerar GPS-koordinater till modellen när text används i stället för GPS)
important: komponenten (eller dess CSS) måste ha definierade width och height stil attribut

Konfigurera:

key IMPORTANT Google API-nyckel
type (alternativt) måste innehålla en karta typ (roadmap (default), satellite, hybrid, terrain)
draggable (alternativ) för drag & drop markör (default: false)
click (alternativt) måste innehålla en funktionnamn och denna metod bedöms när användaren klickar på markeringen
zoom (alternativ), standard 13
icon (alternativt) måste innehålla en URL till en ny ikon
animation (alternativt) måste innehålla en animationstyp (bounce och drop)

Metoder:

component.search(lat, lng) argument måste vara siffror
component.search(text) argument måste vara en sträng
component.reset() kallas resize händelse (används för modaler)
component.reset(lat, lng) argument måste vara siffror

Använd den med <ui-component name="map">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>