Pokročilé příklady
- Mosty v Praze
- Práce s obrovským množstvím značek
- Jak udělat zavíratelný sidebar, obsahující geo pozice
- Vyhledávání adres a firem
- Plánovač trasy (routing)
Mosty v Praze
Tento příklad ukazuje, jak vytvořit dynamický pohled na značky na mapě rozmístěné.
Zdrojový kód obsahuje užitečné a jednoduché vzory, díky kterým je psaní JavaScript
mashupů zábavou.
Studujte zdrojový kód a inspirujte se.
Práce s obrovským množstvím značek
- jak na mapě zobrazit desítky tisíc značek
- jak přenášet data mezi klientem a serverem
- jak vytvářet asynchronní JSON požadavky bez omezení na doménu
Jak je vidět, hromadné přidávání značek se dělá trochu jinak. Zatímco klasická značka si v čase přidání do mapy ověřuje, zda-li se může na daném měřítku a výřezu zobrazit, v případě hromadného přidávání je tato úloha přenechána serveru. Více viz. AMarker.
Princip příkladu je jednoduchý, po každé změně mapy se pomocí JSON-P vykoná požadavek na server, kterému se předá aktuální geo bounding box a měřítko. V příkladu je volán speciální handler určený pouze pro tento příklad.
[Hromadné načítání značek]UPDATE
Na vaše přání byl upraven příklad pro hromadné načítání značek tak, aby v postraním panelu byl vidět seznam všech aktuálních značek na mapě. Zároveň příklad ukazuje, jak svázat mouseover události z menu s konkrétní značkou. Pro tento příklad vznikla nová třída AListMenu, která za vás menu vytvoří.
var menu = new AListMenu('sidebar', {
'onItemOver': function(item, marker) {
item.style.backgroundColor = '#7CACDC';
marker.onMouseover();
},
'onItemOut': function(item, marker) {
item.style.backgroundColor = '';
marker.onMouseout();
},
'onItemClick': function(item, marker) {
marker.showBubble(marker.getGeoPoint().toDisplayGPS());
}
});
[Hromadné načítání značek se sidebarem]
Jak udělat zavíratelný sidebar, obsahující geo pozice
Příklad ukazuje jak vytvořit zasouvatelný sidebar, který obsahuje geo pozice. Zároveň příklad prezentuje několik triků a tipů jak využít v API integrované MooTools.
[Sidebar]Vyhledávání adres a firem
Tento příklad ukazuje použití vyhledávacího partu v API. Vyhledávání je umožněno jak v adresách tak i ve firmách. Hledání v adresách probíhá plošně v celé ČR nezávisle na současné pozici mapy. Hledání ve firmách provádí funkci "najdi nejbližší". Tzn. že při vyhledávání bere v potaz aktuální pozici na mapě a v okolí hledá nejbližší firmu odpovídající hledanému textu.
[Vyhledávání - 1. příklad] [Vyhledávání - 2. příklad]Plánovač trasy (routing)
Tento příklad ukazuje příklad použití plánovače tras v API. Plánovat trasu lze stejným způsobem, jako na amapy.centrum.cz, tzn. zadáním počátku a cíle trasy. Zadávat můžete název místa nebo jeho GPS souřadnici ve formátu např. (GPS 49°41'5.71"N; 14°0'6.04"E).
[Plánovač tras]