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

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

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

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

- категория

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

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

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

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

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

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

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

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

 

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

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

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

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

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