Клуб API Карт

Создание пользовательской метки с использованием меток jquery-ui

Amigo-Sherman
26 мая 2010, 16:51

Доброго дня. В проекте возникла необходимость что бы на карте отображались метки с иконками, взятыми из библиотеки jquery-ui. Хотелось бы узнать, каким образом прописывать шаблон. Мой код шаблона и стиля метки:

var template = new YMaps.Template("<div><span class=\"ui-icon ui-icon-alert\"></span><div style=\"position:relative; top: -42px; left: 8px;\">$[name|0]</div></div>");
var alertPointStyle = new YMaps.Style(
alertPointStyle.iconStyle = new YMaps.IconStyle({template:template}
alertPointStyle.iconStyle.offset = new YMaps.Point(-5, -5);

CSS код классов ui-icon и ui-icon-alert:

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ff0084_256x240.png); }
.ui-icon-alert { background-position: 0 -144px; }

2 комментария
Подписаться на комментарии к посту
В конструктор YMaps.IconStyle нужно указыать ссылку на шаблон или ключ, а вы передаете объект:
alertPointStyle.iconStyle = new YMaps.IconStyle(template);
 
Благодарю. Ваш совет очень помог. (+1)