j-Map

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

path="target.property" kan GPS 48.727903,19.157763 of tekst Viestova 28, Banská Bystrica, Slovakia bevatten
twee manieren binding werkt met GPS (dat wil zeggen dat de component de GPS coördinaten terugkeert in het model wanneer de text wordt gebruikt in plaats van GPS)
important: het componentelement (of zijn CSS) moet de width en height stijl attributen hebben gedefinieerd

Configuratie:

key IMPORTANT Google API-leutel
type (optional) moet een kaart type bevatten (roadmap (default), satellite, hybrid, terrain)
draggable (optional) voor drag & drop marker (default: false)
click (optional) moet een functienaam bevatten en deze methode wordt beoordeeld wanneer de gebruiker op de marker klikt
zoom (optional), standaard 13
icon (optional) moet een URL bevatten voor een nieuwe icon
animation (optional) moet een animatie type bevatten (bounce en drop)

Methoden:

component.search(lat, lng) Argumenten moeten getallen zijn
component.search(text) Argumenten moeten een string zijn
component.reset() call resize event (gebruikbaar voor modalen)
component.reset(lat, lng) Argumenten moeten getallen zijn

Gebruik het met <ui-component name="map">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>