Клуб API Карт

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

Пост в архиве.

Доброго дня. В проекте возникла необходимость что бы на карте отображались метки с иконками, взятыми из библиотеки 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; }