j-Map

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

A path="target.property" tartalmazhatja a 48.727903,19.157763 vagy a Viestova 28, Banská Bystrica, Slovakia szöveget.
A kettős összekapcsolás GPS-vel működik (ezért a komponens visszatér a GPS koordinátákat a modellbe, amikor a text-t a GPS helyett használják)
fontos: az összetevő elemének (vagy annak CSS) meghatározott width és height stílusú attribútumokkal kell rendelkeznie

konfiguráció:

key IMPORTANT Google API kulcs
A type (opcionális) térképtípusnak kell lennie (roadmap (előzetes), satellite, hybrid, terrain)
draggable (opcionális) a drag & drop markerhez (default: false)
A click (választékos) funkciót tartalmaz, és ezt a módszert akkor értékelik, amikor a felhasználó kattintson a jelölőre.
zoom (opcionális), alapértelmezett 13
icon (opcionális) tartalmaz egy URL-t egy új ikon jelölő
A animation (opcionális) animációt tartalmaz (bounce és drop)

módszerek:

A component.search(lat, lng) érveknek számoknak kell lenniük
A component.search(text)-es érveknek szalagnak kell lenniük
component.reset() hívás resize esemény (hasznos a modálok)
A component.reset(lat, lng) érveknek számoknak kell lenniük

Használja a <ui-component name="map">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>