Скрипт вывода мест на google карту
Необходимо написать скрипт, который будет выводить на карту гугл места.
Для каждой точки будут определяться:
- ее координаты на карте
- уникальный id
- категория
- картинка фон для маркера ( прямой урл)
- html каждого маркера будет одинаковым
- название точки
При клике на маркер на карте должно происходить следующее:
- присваиваться класс .selected
- слева будет сайдбар со всеми точками на карте. В этом сайдбаре будет подробное описание каждой точки. При клике на точку на карте визуальная зона в сайдбаре должна скролиться к подробному описанию именно этой точки.
- при клике на подробное описание в сайдбаре соответственно на карте к нужной точке должен присваиваться класс .selected и карта должна переместиться к этой точке
параметры точек на карте должны выводится напрямую в скрипт в теле страницы, что то вроде такого
А сайдбар с подробным описанием будет чистый html, куда мы сами выведем все, что надо с присваиванием к каждому описанию нужный уникальный ID связывающий с точкой на карте. Для наглядности прилагаю скетч того, что будет в конце.
HTML мы дадим, нужно только написание скрипта. Все должно работать во всех браузерах и на мобильных тач экранах.