Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Необходимо написать скрипт, который будет выводить на карту гугл места.

Для каждой точки будут определяться:

- ее координаты на карте

- уникальный id

- категория

- картинка фон для маркера ( прямой урл)

- html каждого маркера будет одинаковым

- название точки 

При клике на маркер на карте должно происходить следующее:

- присваиваться класс .selected

- слева будет сайдбар со всеми точками на карте. В этом сайдбаре будет подробное описание каждой точки. При клике на точку на карте визуальная зона в сайдбаре должна скролиться к подробному описанию именно этой точки. 

- при клике на подробное описание в сайдбаре соответственно на карте к нужной точке должен присваиваться класс .selected и карта должна переместиться к этой точке

параметры точек на карте должны выводится напрямую в скрипт в теле страницы, что то вроде такого 

 

А сайдбар с подробным описанием будет чистый html, куда мы сами выведем все, что надо с присваиванием к каждому описанию нужный уникальный ID связывающий с точкой на карте.  Для наглядности прилагаю скетч того, что будет в конце.

HTML мы дадим, нужно только написание скрипта. Все должно работать во всех браузерах и на мобильных тач экранах.

4 года назад
mixfightpride
Артур 
32 года
11 лет в сервисе
Был
месяц назад

Заявки фрилансеров

Илья
 
40 лет
5 лет в сервисе
Был
4 года назад
4 года назад
Елена
 
48 лет
19 лет в сервисе
Была
3 года назад
1 отзыв
4 года назад
Олег
 
59 лет
12 лет в сервисе
Был
3 года назад
15 отзывов
4 года назад
Камиров
 
29 лет
4 года в сервисе
Был
4 года назад
4 года назад