Flexmaniak.pl » MarkerOptions http://blog.flexmaniak.pl Flex, Papervision3D, PHP, Symfony Sat, 07 Aug 2010 11:49:36 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Flex i Google Maps API http://blog.flexmaniak.pl/flex/google-maps-api-flex/flex-i-google-maps-api http://blog.flexmaniak.pl/flex/google-maps-api-flex/flex-i-google-maps-api#comments Wed, 09 Jun 2010 15:38:43 +0000 Piotr Wierzgała http://blog.na14.pl/wordpress/?p=192 Google Maps API to zestaw narzędzi do wyświetlania i zarządzania mapami niemal wszystkich rejonów świata. Dzięki tej bibliotece będziemy mogli dodawać do mapy oznaczenia, okna informacyjne, obsługiwać zdarzenia interakcji z mapą, rysować po mapie własne kształty, geolokalizować obiekty architektoniczne, ulice, miasta, rejony geograficzne itd., wyznaczać trasy pomiędzy wybranymi lokacjami oraz korzystać różnych z innych funkcji map Google.

Spis treści

]]> http://blog.flexmaniak.pl/flex/google-maps-api-flex/flex-i-google-maps-api/feed 2 Flex i Google Maps API – markery http://blog.flexmaniak.pl/flex/google-maps-api-flex/flex-i-google-maps-api-markery http://blog.flexmaniak.pl/flex/google-maps-api-flex/flex-i-google-maps-api-markery#comments Wed, 09 Jun 2010 15:37:38 +0000 Piotr Wierzgała http://blog.flexmaniak.pl/?p=651 Markery służą do oznaczania wybranych pozycji na mapie. Domyślna ikona markera to mały, blado-czerwony, obrazek z czarnym obramowaniem w kształcie odwróconej łzy.

marker

Spis treści

Aplikacja

Poniższa aplikacja pozwala na przetestowanie działania większości pól opcji markera. Dostęp do źródła można uzyskać poprzez kliknięcie prawym przyciskiem myszy w obszar aplikacji i wybranie opcji „View Source” z menu kontekstowego.

Marker

Marker tworzymy za pomocą klasy Marker. Jej konstruktor przyjmuje dwa parametry: współrzędne geograficzne, które będzie oznaczał marker, oraz opcjonalnie obiekt klasy MarkerOptions definiujący właściwości markera. Po stworzeniu markera dodajemy go do mapy za pomocą metody addOverlay.

Przykład:

var marker:Marker = new Marker(
    new LatLng(51.24,22.56),
    new MarkerOptions()
);
map.addOverlay(marker);

Opcje markera

Właściwości markera jakie możemy ustawić za pomocą klasy MarkerOptions to:

  • clickable: Wartość logiczna określająca czy marker będzie klikalny. Markery, które nie są klikalne nie generują zdarzeń MapMouseEvent.CLICK i MapMouseEvent.DOUBLE_CLICK, ale mogą, o ile ich zmienna draggable ma wartość true, generować inne zdarzenia. Nad markerami, które nie są klikalne nie pojawia się kursor dłoni.
  • distanceScaling: Wartość logiczna określająca czy marker będzie skalowany wraz ze zmianą odległości na mapie 3D. Wartość tej zmiennej jest ignorowana jeżeli mapa 3D nie jest aktywna.
  • draggable: Wartość logiczna określająca czy marker będzie mógł przeciągany po mapie.
  • gravity: Siła z jaką marker będzie przyciągany do mapy.
  • hasShadow: Wartość logiczna określająca czy marker będzie rzucał cień.
  • tooltip: Treść napisu pojawiającego się po najechaniu na marker.
  • label: Treść napisu wyświetlanego na markerze.
  • labelFormat: Obiekt typu TextFormat definiujący wygląd napisu wyświetlanego na markerze.
  • radius: Określa promień (rozmiar) markera.
  • fillStyle: Obiekt typu FillStyle określający styl wypełnienia markera.
  • strokeStyle: Obiekt typu StrokeStyle określający styl obrysowania markera.
  • icon: Obiekt typu DisplayObject określający ikonę markera.
  • iconAlignment: Określa punkt markera, który zostanie użyty do wyrównania jego pozycji względem przypisanych mu współrzędnych geograficznych.
  • iconOffset: Obiekt klasy Point określający wartości przesunięcia markera wzdłuż osi X i Y względem punktu wyrównania markera (icon alignment).

Przykład:

var markerOptions:MarkerOptions = new MarkerOptions({
    clickable: true,
    hasShadow: true,
    radius: 20,
    gravity: 10,
    iconOffset: new Point(0,0),
    tooltip: "tooltip",
    label: "label ",
    fillStyle: new FillStyle({
        color: 0xff0000,
        alpha: .7
    }),
    strokeStyle: new StrokeStyle({
        color: 0x000000,
        alpha: 1,
        thickness: 2
    })
});

Żeby zastosować tak stworzony obiekt klasy MarkerOptions przekazujemy go jako drugi parametr konstruktora klasy Marker lub jako parametr metody setOptions klasy Marker.

]]> http://blog.flexmaniak.pl/flex/google-maps-api-flex/flex-i-google-maps-api-markery/feed 1