AIcon

Třída definuje výchozí vzhled ikony a její vlastnosti. Ikonku používá AMarker pro definici svého vzledu. Lze si tedy vytvořit vlastní ikonky, a ty pak předávat vytvářeným značkám AMarker. Libovolné výchozí nastavení options lze přepsat vlastním, což je způsob jak vytvořit vlastní ikonku. Ikonka se skládá z několika elementů. Obrázek (volitelně), stín (volitelně), label (což je popisek, též volitelně) Pokud chcete pouze jednoduchou ikonku, nastavte fastRollover option na false, a pomocí imageSrc vložte svůj obrázek. Sofistikovanější ikonka bude mít tři stavy, fastRollover option nastavte na true. Klikatelnou oblast definuje obrázek daný imageSrc a rozměry imageSize.

Předdefinované ikonky

A_DEFAULT_ICON	modrá šipka
A_CAPTION_ICON	css ikonka pro text
A_RED_FLAG	červená vlajka
A_BLUE_FLAG	modrá vlajka
A_GREEN_FLAG	zelená vlajka
A_TARGET	terčík

Ikonka může implementovat Pixyho Fast Rollover, http://wellstyled.com- /css-nopreload-rollovers.html, přesněji řečeno stačí podstrčit obrázek - značka sama mění pozici pozadí. Nastavuje se pomocí option fastRollover. Jak má obrázek vypadat viz. options. Obrázek musí obsahovat všechny tři stavy, tedy: normální vzhled, hover (po přejetí myšky), active (při otevřené bublině).

Stín pro ikonku se pozicuje stejně jako obrázek. Stín tedy musí být vytvořen tak, aby už v grafickém editoru byl pozicován vůči imageSrc správně. Stín musí být formátu PNG. Pro automatické vytvoření stínu lze použít tento nástroj: http://n01se.net/chouser/gmapez/shadowform.html.

Pozicování

iconOffset	udává místo na ikonce určující pozici AGeoPoint. Počítá se z levého horního rohu obdélníku určeného
labelOffset	udává pozici textu ve značce.
bubbleAnchor	kde se objeví šipka bubliny

Pro tyto vlastnosti platí. že když budou mít souřadnice 2x2 v ikoně 3x3, tak se budou nacházet uprostřed. Pokud chcete label, tedy popisek ikonky nastylovat, vložte CSS stylopis přímo do option labelStyle. Nezapomeňte nastavit imageSize tak, aby se text vešel do definované velikosti.

A_CAPTION_ICON je pure CSS, což znamená že můžete mimojiné tvořit různobarevné značky bez obrázků. Ikonce lze také nastavit průhlednost, v rozsahu 0 až 1, viz. A_CAPTION_ICON.

Následující options definují A_DEFAULT_ICON, tedy výchozí ikonu. Tu AMarker použije v případě, že není definována jiná.

Options

imageSrc	cesta k obrázku pro ikonku, výchozí nastavení: ‘http://amapy.atlas.cz/design/amarker.png’
imageSize	rozměry ikonky v px, rovněž nastavuje klikatelnou oblast. Výchozí nastavení: new ASize(17, 29)
shadowSrc	cesta k obrázku pro stín ikonky, výchozí nastavení: ‘http://amapy.atlas.cz/design/stin.png’
shadowSize	rozměry stínu v px. Výchozí nastavení: new ASize(33, 29)
fastRollover	pokud má obrázek definován pixyho rollover, nastavte na true. Pozor, v obrázku je třeba definovat všechny tři stavy: normální, hover i aktive, viz. odkaz na marker-new.gif níže, výchozí nastavení: true
iconOffset	offset ikonky, počítáno z levého horního rohu. 0 0 by znamenalo, že levý horní roh ikonky by se zobrazil přesně na místě daném pozicí AGeoPoint. Výchozí nastavení: new APoint(9, 29)
bubbleAnchor	kde se má zobrazit špička bubliny, výchozí nastavení: new APoint(0, -9)
labelStyle	label, nebo-li text ve značce, lze nastylovat jako DIV element. Lze tedy vytvářet čistě textové značky. Výchozí nastavení: “position: absolute; width: 17px; text-align: center; left: 0; top: 2px; color: white; font: bold 10px Arial”
opacity	průhlednost, hodnota mezi 0 a 1. V Internet Exploreru 6 nekombinujte průhlednost a fixPng, prohlížeč by to nezvládnul. Výchozí nastavení: 1
createStyle	má se dynamicky vytvořit css styl? Pokud máte css pro ikonku definovanou ve vlastním stylopisu, nastavte tuto option na false a nezapomeňte nastavit className. Výchozí nastavení: true
className	třída, která je použita v případě definice vzhledu v externím stylopisu
fixPng	je-li v ikonce obrázkem png, toto zajistí jeho korektní vykreslení v IE6. Výchozí nastavení: false
cursor	CSS kurzor pro značku, která má definovanou akci (dragging, click, odkaz). Výchozí nastavení: pointer

Příklad

Různé způsoby vytváření ikonek viz. http://amapy.atlas.cz/api/anotherExamples.aspx#b