flex4, google map z własną ikoną

Chcesz zmienić standardową ikonę używaną na google map (czerwona łezka) należy najpierw zaimportować / osadzić własną grafikę:
[Embed(source="/assets/pinezka.png")]
public var pinezka:Class;

Następnie (po załadowaniu mapy – zdarzenie MapEvent.MAP_READY) wycentrować mapę:
var latlon:LatLng = new LatLng(52.42665, 13.29752);
map.setCenter(latlon, 14, MapType.NORMAL_MAP_TYPE);
utworzyć klasę opcji markera:
var mo:MarkerOptions = new MarkerOptions();
ustawić grafikę, którą chcemy użyć:
mo.icon = new pinezka() as Bitmap;
podać offset do „szpica” – szpic wskazuje punkt na mapie, a domyślnie jest to lewy górny róg grafiki.
Mój obrazek ma wielkość 60×60 i ustawiłem na lewy, dolny róg (wartości muszą być ujemne zarówno dla osi X – przesunięcie w prawo, jak i Y – przesunięcie w dó?).
mo.iconOffset = new Point(0, -60);
Na koniec pozostaje utworzenie markera:
var marker:Marker = new Marker(latlon, mo);
i dodanie go do mapy:
map.addOverlay(marker);

(flex4 google map overlay custom icon)

Informacje o @albgorski

Od 1999 roku profesjonalnie zajmuję się rozwijaniem oprogramowania. Głównie Java, ale także Groovy, PHP, HTML, JavaScript oraz Adobe Flex. Fascynują mnie metody wymiany danych, ich przechowywania oraz dostępowania. Jestem WIELKIM zwolennikiem Clean Code, TDD oraz agilistą (może lepiej lean-istą). Ekosystem Java dostarcza WIELE świetnych frawework-ów i bibliotek, a społeczność miłośników języka Java jest najlepsza pod słońcem :)
Ten wpis został opublikowany w kategorii flex, web i oznaczony tagami , , , , , . Dodaj zakładkę do bezpośredniego odnośnika.

Możliwość komentowania jest wyłączona.