Подскажите, как лучше реализовать такую штуку, до этого времени функционала из уроков хватало:
Необходимо расставлять(добавлять, удалять, двигать, менять свойства) метки на загруженном изображении. Из свойств только соседние дети по родителю (выпадающий список). Функционал вижу так: при клике на изображение ставим метку, открывается модальное окно, выбор соседа. Дальше положим координаты и идентификатор соседа в массив на стороне клиента. По этому массиву в дальнейшем перерисовку делаем при изменении объекта/объектов. Перетаскивание метки аналогично - двигаем - обновляем. Также модальное окно открывать по двойному клику, там добавить кнопку удалить.
Первое что пришло в голову: хранить изображение в ImageField, а в соседнем поле на основе CharField сериализованые данные с координатами - идентификаторами. Этому CharField добавить виджет с подгрузкой JS кода рисовалки.
Есть еще идеи или может существует батарейка?