Написать код для Яндекс карты (фильтрация) на Тильду
Написать скрипт (код) для Яндекс карты с фильтром и поставить на сайт Тильды. Прообраз результата - страница сайта на Тильде, на которой размещена Яндекс карта, растягивающаяся по размеру экрана под разные устройства, с метками на ней (метки есть), блоком фильтров и поисковой строкой из названий метки на карте.
Аналог по требуемому виду фильтров - https://www.raiffeisen.ru/offices/?active_tab=tab-1.
Задачи:
1. Проработать вид и функционал меток на карте
Метка должна быть изображением с отраслью.
При наведении мышки на метку должно отображать название метки
При клике на значок метки переход на страницу сайта
Проработать механизм добавления новых меток (через код или иным способом) и редактирование параметров имеющихся объектов
2. Фильтрация меток на карте
Создание кнопки «Фильтр» на карте с выпадающим полем с фильтрами.
Параметры фильтров в исходном положении «свернуты» и открываются при щелчке мышкой на название нужного фильтра.
В верхней части поля фильтров должна быть заметная кнопка «Сбросить все», сбрасывающая все выбранные параметры.
В нижней части поля фильтров должен быть блок, отображающий выбранные фильтры.
Количественные показатели: 5 фильтров (срок, отрасль (мультивыбор), район (мультивыбор), компания, иное), в каждом фильтре от 6 до 80 позиций, в поле фильтра позиции должны быть «свернуты».
Так как фильтров много в поле фильтра должна быть предусмотрена прокрутка.
3. Поиск по карте
Создание поисковой строки, размещенной в правом верхнем углу карты.
Поиск осуществляется по словам из названий меток.
При наборе текста в поисковой строке в выпадающим вниз поле должно отображаться название метки со ссылкой на страницу сайта и кнопкой показать (метку) на карте.
4. Разработать меню с кнопками в дизайне
Создать по макету код меню с требуемым видом кнопок и предусмотреть возможность адаптации меню на все страницы будущего сайта.
5. Поставить карту с меню, поисковой строкой и фильтрацией на Тильду
Сверстать страницу для требуемого вида
Адаптировать страницу под отображение на мобильных устройствах (особенно кнопки фильтр и поисковой строки на карте)
Предоставляется доступ к аккаунту в Яндекс конструкторе с исходной картой с объектами (есть API ключ).
Заявки фрилансеров
