Zoomování mapy při geokodování

V tomto příkladu si ukážeme, jak zkombinovat funkci našeptávání s možností zobrazení vybraného výsledku na mapě. Našeptávač vrací polohu vybrané entity, což umožňuje snadno umístit značku na mapu a zazoomovat na danou polohu.

Zoomování však může být specifické pro různé typy entit. U bodových entit (např. adresy) je potřeba se přiblížit více, zatímco u regionálních entit (např. města, státy) je vhodné zachovat větší odstup.

Pro tento účel slouží nově přidaná položka BBox (Bounding Box), kterou vrací našeptávací a geokódovací funkce. BBox představuje obdélník zahrnující celou nalezenou entitu. V mapové knihovně jej lze snadno použít pro správné nastavení úrovně přiblížení.

Vyzkoušejte v příkladu vyhledat a kliknout na adresy, ulice, města nebo státy. Při kliknutí se mapa nejen zazoomuje, ale také se graficky zvýrazní vrácený BBox (toto zvýraznění je určeno pouze pro demonstraci a v praxi se nepoužívá).

V ukázce opět využijeme komponentu autoComplete.js.