Клуб API Карт

Иконки у групп вне карты

hibinyru
30 марта 2012, 11:56

Добрый день всем гуру.

 Начал работу над интерактивной картой. Столкнулся с проблемой. Есть пример http://api.yandex.ru/maps/jsapi/examples/mapgroupmenu.html  (Пример работы с несколькими группами объектов на карте.)

 Как делать иконки на карте для каждой группы разобрася

 createGroup("Покушайки", [
createPlacemark(new YMaps.GeoPoint(30.60791,50.50955), "Ресторан \"Калинка-Малинка\"", "пр.Владимира Маяковского, 47"),
createPlacemark(new YMaps.GeoPoint(30.521708,50.429083), "Бар \"Сало-бар\"", "ул. Анри Барбюса, 5а"),
createPlacemark(new YMaps.GeoPoint(30.498271,50.450843), "Абсент-бар \"Палата №6\"", "бульвар Воровского, 31а"),
createPlacemark(new YMaps.GeoPoint(30.516498,50.454834), "Ресторан \"Спотыкач\"", "Владимирская,16")
],"default#cafeIcon")
];

 

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

 Задача: так чтобы иконка cafeIcon была рядом с ссылкой "Покушайки" вне карты.

 Помогите пожалуйтста. можно за небольшую денежку...

 

4 комментария
Подписаться на комментарии к посту
Просто добавляйте эту картинку как фон для соответствующего элемента меню.

Не рановато ли вы взялись за интерактивную карту? :) Может лучше сначала подучить JavaScript и CSS ?

как вы правильно заметили, в javascript и в css я не сильно силен. Прошу помощи.

 

в коде примера есть такая строка, куда вставляется название группы как ссылка

http://api.yandex.ru/maps/jsapi/examples/mapgroupmenu.html

 

YMaps.jQuery("" + group.title + "")

как сюда вставить иконку #cafeIcon ?

При генерации это html добавляете для ссылки например еще и уникальный ID
Т.е. примерно так:
YMaps.jQuery("" + group.title + "")

А в CSS прописываете для
a#cafe нужный стиль и указываете нужную иконку.

сделал проще.

Если интересно: http://www.hibiny.com/map/