Research on methods of building an interactive map in a web application

L.O. Katerynych, N.V. Sazonov


The purpose of this article is to formulate a list of rules for creating an efficient and convenient informational system for vicinity and building navigation and to create a web-app with this functionality. To accomplish this, a web-app user experience, navigation data representation options, their user perception and influence on their emotions were analyzed. Also, a list of recommendations for data representation and storing inside the app alongside with ways of fetching them was composed.

General navigational application development practices were described in this work, a test version of an application was created to harvest users’ reviews and feedback and a "University interactive map" web-application for classroom, teacher rooms, departments, laboratories information displaying and navigating buildings and vicinities was created.

Prombles in programming 2022; 3-4: 327-334


web-app; map objects selection; interactive map; interactive interface; navigation

Full Text:



Lavrov V. A. (1974). Urban environment, its state, transformation and conditions of perception. 2nd edition. Minsk. (in Russian).

Vlad Riskutia. Programming with Types: Examples in TypeScript. Manning. 2019. P. 11 – 17.

Tracy Osborn. Hello Web Design. No Starch Press. 2021. P. 40 – 67.

Jeffrey Zeldman. Taking your talent to the Web: a guide for the transitioning designer. Indianapolis, Ind. : New Riders. 2001. P. 97 – 98.

VS Code User guide. Why did we build Visual Studio Code? [online] Available from: [https://code.visual-]

Nancy L. Russo. Information Systems Development – Methods-in-Action. McGraw Hill Education. 2001. 61 – 65.

React Router. React Router docs. [online] Available from: []



  • There are currently no refbacks.