JS Карта
Карта помещений в виде векторных контуров на растровой подложке.
Основная задача в том, чтобы это работало во всех браузерах, включая современные мобильные с включенным javascriptом без установки плагинов. Решение которое вроде подходит, это библиотека raphaeljs. Если есть другие решения, предлагайте.
Сейчас реализовано в качестве эксперимента на raphaeljs:
* вывод площадных объектов (помещений) по координатам их границ
* вывод растровой подложки в этой же системе координат
Нужно оптимизировать и разработать следующее:
- плавное увеличение по нажатию экранных кнопок. Можно но необязательно попробовать сделать мультитач. Вроде raphael умеет.
- перетаскивание. Можно сделать легкую инерцию
- смена подложки при достижении определенного уровня увеличения. В начале грузится в низком разрешении, потом с большей детальность. Плавное изменение подложки через смену прозрачности. Всего две подложки.
- реакция на клик по помещению: подсветка, запуск внешней функции
- функция: отметка помещения по его id: выше геометрического центра ставится или убирается символ галочка
- отображение отметок помещений при загрузке: выше геометрического центра ставится символ галочка
- функция: показ текстовых данных на помещениях: ниже геометрического центра показывается надпись
- функция: выбор помещения по его id: подсветка
Перед реализацией каждой функции совместно прописываем как это должно работать.
Все полигоны и картинки есть, их делать не надо.