j-Map

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

path="target.property" może zawierać 48.727903,19.157763 lub tekst Viestova 28, Banská Bystrica, Slovakia
Dwa sposoby wiążące działają z GPS (tak, że składnik zwraca koordynacje GPS do modelu, gdy text jest używany zamiast GPS)
important: element składowy (lub jego CSS) musi mieć określone atrybuty stylu width i height

Konfiguracja:

key IMPORTANT klucz API Google
type (opcjonalnie) musi zawierać typ mapy (roadmap (default), satellite, hybrid, terrain)
draggable (opcjonalny) dla markerów ciągnięcia i spadku (default: false)
click (opcjonalnie) musi zawierać nazwę funkcji i ta metoda jest oceniana, gdy użytkownik kliknie na marker
zoom (opcjonalny), standardowy 13
icon (opcjonalnie) musi zawierać adres URL do nowej ikony
animation (opcjonalnie) musi zawierać typ animacji (bounce i drop)

Metody:

Artykuły component.search(lat, lng) muszą być liczbami
Argumenty component.search(text) muszą być struną
component.reset() call resize event (użyteczny dla modali)
Artykuły component.reset(lat, lng) muszą być liczbami

Użyj go z <ui-component name="map">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>