V posledních letech je tvorba papírových map doprovázena a mnohdy také nahrazována tvorbou map webových a je kladem důraz na možnosti, které mapa může nabízet nad rámec obvyklého sdělování geografických informací. Webové mapy lze rozlišovat z hlediska měnitelnosti obsahu na statické a dynamické. Podle míry aktivity uživatele s technologickým zařízením se mapy dále rozdělují na mapy určené pouze k prohlížení "view only" a mapy interaktivní. Interaktivní mapy reagují na podněty uživatele a po stisknutí určitého tlačítka či najetím kurzoru myši do příslušných míst poskytují doplňující informace. Tato forma prezentace map může velmi dobře sloužit jako učební metoda nebo veřejně dostupná vzdělávací pomůcka. V rámci magisterské práce byly vytvořeny, pomocí open-source JavaScript knihovny Leaflet a knihovny jQuery, dvě verze interaktivní mapy Olomoucké pevnosti. Jedná se o tzv. mapy s příběhem a liší se znakovým klíčem, uspořádáním ovládacích prvků a jejich provedením. Tyto mapy byly následně podrobeny testování pomocí technologie eye-tracking. Test se skládal z interaktivní, statické části a doplňujících otázek. Na základě výsledků testování byla vybrána optimální mapa, která bude umístěna v Pevnosti poznání v Olomouci, kde bude přístupná pro širokou veřejnost.In recent years, the creation of paper maps is being accompanied and often replaced by the creation of web maps where the emphasis is put on the options that the map may offer rather the usual representation of geographic information. Web maps can be distinguished in terms of change of content to static and dynamic. Based on the level of user activity with technological devices maps can be further divided into maps designed for "viewing only" and interactive maps. Interactive maps respond to user input and pressing of a certain key or moving the mouse pointer to the particular locations which provide additional information. This form of map presentation may very well serve as a teaching method or publicly available educational tool. In this master thesis, there have been two versions of interactive maps of Olomouc fortress using open-source JavaScript library Leaflet and jQuery created. These types of maps are called "Story telling maps". These maps have different sign key, the arrangement of control elements and graphic style. These maps were then tested using eye-tracking technology. The test consisted of interactive, static part and part with additional questions. Based on the results of the testing there was optimal map selected. Said map will be placed in Pevnost poznani in Olomouc accessible to the public community.