использование api yandex map на странице 4 000 руб

4 000 руб.
Все проекты
Прошло времени:   11 лет 8 месяцев 3 дня 3 часа 9 минут
ИНФОРМАЦИЯ ПО ПРОЕКТУ

Необходимо реализовать пользовательский функционал работы с интерактивной картой 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. Коды должны быть структурированы и с комментариями.
    Видеть контакты заказчика и оставлять свои предложения по проекту могут только зарегистрированные и авторизованные пользователи.
    Зарегистрируйтесь или войдите на сайт под своим именем.

    Фриланс-биржа Web-lance.net предлагает огромные возможности по поиску работы как опытным специалистам в сфере интернет-бизнеса, так и новичкам, только постигающим основы заработка во всемирной сети. Здесь вы найдете сотни интересных вакансий в сфере дизайна, копирайтинга, программирования, верстки, контент-менеджмента и других сфер деятельности востребованных среди интернет-пользователей. Также, зарегистрировавшись на бирже, вы сможете разместить здесь свою анкету, указав в ней свою специализацию и контактные данные, что даст возможность потенциальным клиентам, связаться с вами для дальнейшего взаимовыгодного сотрудничества. Сайт удобно структурирован и разбит на тематические разделы, что позволяет даже неопытным заказчикам точно определять категорию, в которую стоит публиковать их проект, в тоже время, упрощая исполнителям поиск интересующих их вакансий. Кроме того на портале имеется раздел Блоги где зарегистрированные пользователи могут публиковать материалы, а также Форум на котором исполнители и заказчики смогут обсудить рабочие моменты, а также пообщаться на интересующие их темы. Приятной вам работы на Web-lance.net - бирже, где вы сможете найти лучших исполнителей и самые интересные проекты.

    В числе самых востребованных услуг – оптимизация (SEO), SMM-продвижение, копирайтинг и комплексная разработка сайтов.