Virtual Sortavala panorama editor

Интерфейс пользователя

Примерный вид интерфейса пользователя - 121.png.

Основные идеи:

На всю доступную ширину страницы отрисовывается панорама.
Поверх панорамы отображаются маркеры (в виде красных кругов с номерами):
При нажатии на маркер появляется popup с коротким описанием объекта, его номером и id, картинкой и кнопкой Удалить.
Маркеры свободно перетаскиваются курсором.
Справа от карты отображается скрываемая панель со списком объектов. В открытом состоянии она перекрывает часть карты.
Над списком объектов расположено поле Поиск и чекбокс "Добавленные объекты". Ввод текста в поле "Поиск" позволяет отфильтровать объекты по подстроке. Установленный чекбокс "Добавленные объекты" переключает на отображение в списке только тех объектов, что уже отображены на карте.
В списке объектов отображается имя объекта, миниатюра картинки, ссылка на страницу, кнопка "Center on"(если объект есть на карте), по нажатию на которую карта центрируется на маркере объекта.
Если объект из списка перетащить на карту, то он появиться в том месте, где его отпустили в виде маркера (при условии, что его на карту не добавляли ранее).
При нажатии кнопки Сохранить, расположение маркеров на панораме сохраняется в БД.

Бэкенд

Запросы

/save_panorama_layout , параметр - массив объектов {_id, lat, lon }, возвращает код ошибки
/panorama_layout_editior - страница для редактирования маркеров, принимает в качестве параметров шаблона список {_id, lat, lon } и список всех объектов, удовлетворяющих критериям (флаг virtual_sortavala + лежит в координатах Сортавалы)

Функции в python

get_panorama_layout
set_panorama_layout