использование api yandex map на странице 4 000 руб
Необходимо реализовать пользовательский функционал работы с интерактивной картой yandex.
На входе: JavaScript массив
На выходе: Html страница с кодом JavaScript, реализующая функционал, описанный далее.
Пример концепции: *****
Описание функционала:
Дано: двухмерный JS массив "data_tbl" в 300 строк (файл прилагается).
Описание столбцов:
ic - число
info1 - название компании
info2 - адрес компании
info3 - род деятельности
info4 - адрес сайта
info5 - доп информация 1
info6 - доп информация 2
info7 - доп информация 3
Долгота - гео координата
Широта - гео координата
Необходимо реализовать:
1. Html страница дает изображение двух рядом стоящих блоков, в одном таблица, в другом карта:
<Таблица> <yandex карта>
2 Функционал таблицы
- Таблица состоит из 4х столбцов: ic, info1, info5, info6
- Таблица должна быть сортируемой (необходимо использовать плагин jquery.dataTables.js) по всем столбцам кроме первого (ic).
- Таблица фиксированной высоты со скроллингом.
- Пагинатор следует отключить
- Русский текст включить.
- При наведении на строку таблицы необходимо установить цветовое выделение строки и соответствующего ему объекта на карте.
- При клике на строку, вызывать функцию "балун".
3. Функционал блока, в котором отображается динамическая карта yandex map.
- Все объекты массива должны быть показаны в виде кружков на видимой части карты
- При удалении карты кружки объединяются в кластеры
- При приближении карты, кластеры распадаются на кружки.
- При наведении мыши на кружок, подсвечивается соответствующая строка, если она находится в области видимости таблицы
- При клике на кружок, вызвать функцию "балун".
3. Функция "балун". При вызове функции, по центру экрана должно появиться окно, в котором показана расширенная информация об объекте,
а именно:
info1 - название компании
info2 - адрес компании
info3 - род деятельности
info4 - адрес сайта
info5 - доп информация 1
info6 - доп информация 2
info7 - доп информация 3
В этом же окне необходимо реализовать три кнопки:
- переход на сайт объекта в новом окне (при клике уведомить, что сейчас вы перейдете на сайт выбранного объекта и мы не отвечаем за его содержимое)
- заказ услуги выбранного партнера (при клике вызывается функция заглушка, которая дает сообщает какая компания выбрана)
- ссылка заглушка
Закрытие окна реализуется нажатием на крестик в правом верхнем углу или после отработки кнопок.
Прием работы:
1. На входе дан массив данных на 300 строк.
2. На выходе html страница с двумя блоками, в одном сортируемая таблица, в другом карта с работающим описанным функционалом.
Изначально в таблицу заливаются 100 строчек, при этом, показывается 20, скроллингом остальные.
Должна быть еще тестовая кнопка "обновить данные". При нажатии на эту кнопку, в таблицу и в карту грузятся другие 100 строчек, при этом функционал
с новыми данными должен работать.
3. Коды должны быть структурированы и с комментариями.
Зарегистрируйтесь или войдите на сайт под своим именем.