Добрый день/вечер/ночь/утро!
Задача такая.
Есть сайт и страница на сайте:
(сайт работает на Вордпресс)
Сразу под текстом и картинками нужно разместить карту инфраструктуры, которой как раз и необходимо придать некоторую интерактивность. В итоге вид у неё будет такой
Есть макеты в psd (
– довольно большой архив).
Краткое ТЗ (подробности-вопросы в обсуждении с исполнителем)
Блок состоит из правой колонки – выпадающий список с перечислением всех объектов, и левой – непосредственно карты.
Изначально все маркеты на карте серые и все списки свернуты.
При наведении мыши на маркер он становится оранжевым и рядом с ним выпадает плашка с названием объекта (как показано на макете). Если пользователь использует только карту, правая колонка со списком никак не меняется.
При наведении мыши на правую колонку:
наведение на заголовок – он становится оранжевым и открывается список объектов. На карте все пункты, относящиеся к данному разделу также становятся оранжевыми. При наведении на объект в списке, текст становится оранжевым + на карте появляется плашка с названием.
Если сложно делать именно по наведению, можно сделать по клику все эти действия.
Посмотреть какая метка – какой объект можно в файле map_small.psd
Полный развёрнутый список объектов есть на этом макете – макет развёрнутый полностью список.psd
Сам макет (только в нём нет текстовой части, которая сейчас на сайте) – макет Дракино.psd
Вынуть чистую карту без меток можно из любого из этих макетов. В них же есть метка. (если нужно всё выну сама)
Все цвета, размеры и шрифты можно посмотреть на макете, а также спросить у меня, если что-то не указано.
Стоимость работы назначайте сами (сумму просто прописала). Сроки – чем быстрее, тем лучше)