title: ÐÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Â«ÐÐ½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð°Ñ ÐºÐ°ÑÑÐ° ÐºÐ°Ð¼Ð¿ÑÑÐ° Ð¡ÐÐ±ÐÐ£Â» Ð¸ ÐµÐ³Ð¾ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð°Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ñ
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Designing a web application "Interactive map of the SPbPU campus" and its software implementation
Creators: name: Ð¡Ð¸ÑÐ´Ð¸ÐºÐ¾Ð², Ð¤Ð¸Ð»Ð¸Ð¿Ð¿
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2023
Subjects: Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ
Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð°Ñ ÐºÐ°ÑÑÐ°
Java Script
ÑÐ¾ÑÐºÐ¸ Ð¸Ð½ÑÐµÑÐµÑÐ°
web application
interactive map
points of interest

description: ÐÐ±ÑÐµÐºÑÐ¾Ð¼ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð²ÑÐ¿ÑÑÐºÐ½Ð¾Ð¹ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð°Ñ ÐºÐ°ÑÑÐ° ÐºÐ°Ð¼Ð¿ÑÑÐ° Ð¡ÐÐ±ÐÐ£. ÐÑÐµÐ´Ð¼ÐµÑ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ - Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Â«ÐÐ½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð°Ñ ÐºÐ°ÑÑÐ° ÐºÐ°Ð¼Ð¿ÑÑÐ° Ð¡ÐÐ±ÐÐ£Â». Ð¦ÐµÐ»Ñ ÑÐ°Ð±Ð¾ÑÑ - ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Â«ÐÐ½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð°Ñ ÐºÐ°ÑÑÐ° ÐºÐ°Ð¼Ð¿ÑÑÐ° Ð¡ÐÐ±ÐÐ£Â». Ð Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÐµ ÑÐ°ÑÑÐ¼Ð¾ÑÑÐµÐ½Ñ Ð¼ÐµÑÐ¾Ð´Ñ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ ÐºÐ°ÑÑÐ¾Â­Ð³ÑÐ°ÑÐ¸ÑÐµÑÐºÐ¾Ð³Ð¾ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. ÐÐ°Ð½Ñ Ð¾Ð±ÑÐ¸Ðµ Ð¿Ð¾Ð½ÑÑÐ¸Ñ ÐÐÐ¡-ÑÐ¸ÑÑÐµÐ¼Ñ, Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð¾Ð¹ ÐºÐ°ÑÑÑ, ÑÐ°ÑÑÐ¼Ð¾ÑÑÐµÐ½Ñ Ð°Ð½Ð°Ð»Ð¾Ð³Ð¸ Ð¸ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·ÑÐµÐ¼ÑÐµ Ð² Ð½Ð¸Ñ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸. ÐÐ·ÑÑÐµÐ½Ñ ÐºÑÐ¸ÑÐµÑÐ¸Ð¸ ÑÑÐ°Ð²Ð½ÐµÐ½Ð¸Ñ ÐºÐ°ÑÑÐ¾Ð³ÑÐ°ÑÐ¸ÑÐµÑÐºÐ¸Ñ Ð²ÐµÐ±âÐ¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ¾Ð², ÑÐ¸ÑÐ¾ÐºÐ¾ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ñ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÐµ Ð´Ð¸Ð°Ð³ÑÐ°Ð¼Ð¼Ñ Ð¸ Ð³ÑÐ°ÑÐ¸ÐºÐ¸. ÐÐ·Ð»Ð¾Ð¶ÐµÐ½ Ð¿ÑÐ¾ÑÐµÑÑ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ, ÑÐ¾Ð´ÐµÑÐ¶Ð°ÑÐµÐ³Ð¾ Ð² ÑÐµÐ±Ðµ Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½ÑÑ ÐºÐ°ÑÑÑ ÐºÐ°Ð¼Ð¿ÑÑÐ° Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¾Ð³Ð¾ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¾Ð³Ð¾ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑÐ° ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾. ÐÐ¿Ð¸ÑÐ°Ð½ Ð²ÑÐ±Ð¾Ñ Ð¿Ð¾Ð´ÑÐ¾Ð´ÑÑÐ¸Ñ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ¾Ð² Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÐºÐ°ÑÑÐ¾Ð³ÑÐ°ÑÐ¸ÑÐµÑÐºÐ¾Ð³Ð¾ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð° ÐµÐ³Ð¾ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð°Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ñ. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð½Ð¾Ðµ ÑÐµÑÐµÐ½Ð¸Ðµ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¾ Ð´Ð»Ñ Ð¿Ð»Ð°Ð½Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¼Ð°ÑÑÂ­ÑÑÑÐ¾Ð² Ð²Ð¾ Ð²ÑÐµÐ¼Ñ Ð¸ Ð¿Ð¾ÑÐ»Ðµ Ð·Ð°Ð½ÑÑÐ¸Ð¹, Ð° ÑÐ°ÐºÐ¶Ðµ Ð´Ð»Ñ ÑÐ´Ð¾Ð±Ð½Ð¾Ð¹ Ð½Ð°Ð²Ð¸Ð³Ð°ÑÐ¸Ð¸ Ð¿Ð¾ ÐºÐ°Ð¼Ð¿ÑÑÑ. ÐÑÐ¾Ð¼Ðµ ÑÐ¾Ð³Ð¾, Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð¿ÑÐµÐ´Ð½Ð°Ð·Ð½Ð°ÑÐµÐ½Ð¾ Ð´Ð»Ñ Ð½Ð°ÑÐ¾Ð¶Ð´ÐµÐ½Ð¸Ñ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ð½Ð¾Ð³Ð¾ Ð¼ÐµÑÑÐ° Ð½Ð° ÐºÐ°ÑÑÐµ Ð¸ Ð¿Ð¾ÑÑÑÐ¾ÐµÐ½Ð¸Ñ ÑÐ´Ð¾Ð±Ð½Ð¾Ð³Ð¾ Ð¼Ð°ÑÑÑÑÑÐ° Ðº Ð½ÐµÐ¼Ñ.
description: The object of research of the final qualification work is an interactive map of the SPbPU campus. The subject of the study is the web application Â«Interactive map of the SPbPU campusÂ». The purpose of the work is to develop a web application Â«Interactive map of the SPbPU campusÂ». In this paper, methods for designing and developing a cartographic web application are considered. The general concepts of a GIS system, an interactive map is given, analogues and development tools used in them are considered. The criteria for comparing web-based cartographic tools have been studied, and various charts and graphs have been widely used. The process of designing and developing a web application containing an interactive map of the campus of Peter the Great St. Petersburg Polytechnic University is outlined. The choice of suitable tools for creating a mapping web application is described and its software implementation is developed. The developed solution can be used for planning routes during and after classes, as well as for easy navigation around the campus. In addition, the application is designed to find a specific place on the map and build a convenient route to it.