Клуб API Карт

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

Александр Семенов
16 августа, 18:25

Всем доброе время суток. Помогите пожалуйста. Я совсем новичок в изучении yandex maps api, немного тупенький и немного знаю JavaScript, при создании карты со своими метками возникла проблема. 

У меня получается создать метод для добавления метки с пользовательским изображением на карту, но если я хочу добавить туда хотя бы просто надпись (не говоря уже о макете этой надписи), метки пропадают с карты вообще. Они есть в коде, но без изобажения.

Сама картинка для метки выглядит вот так
 

Надпись на ней должна отображаться примерно таким вот образом 

То есть должен быть макет хотя бы с паддингом или relative-позиционированием

Как можно это сделать?

Код метода добавления метки

PlaceMarks = [];
var k = 0;
function AddMark(name, source, coordinates) {
    PlaceMarks.push(new ymaps.Placemark(coordinates, {
        hintContent: name,
        balloonContent: name,
        myID: k
    }, {
        iconLayout: 'default#imageWithContent',
        iconImageHref: source,
        iconContent: 'test',
        iconImageSize: [176, 87],
        iconImageOffset: [-29, -80]
    }));
    k++;
}

4 комментария
Подписаться на комментарии к посту
В поле iconContent можно передать строку HTML-разметки со своими стилями
Александр Семенов
17 августа, 10:19
dimik,
спасибо большое, а как допустим в эту строку передать параметр функции? Просто "MyHTML" + parameter + "HTML"?
Александр Семенов,
Если надо что-то передавать – лучше сделать макет содержимого иконки
new ymaps.Placemark(coordinates, {
hintContent: name,
balloonContent: name,
myID: k
}, {
iconLayout: 'default#imageWithContent',
iconContentLayout: ymaps.templateLayoutFactory.createClass('<div class="my-icon">{{ properties.myID }}</div>'),
iconImageHref: source,
iconContent: 'test',
iconImageSize: [176, 87],
iconImageOffset: [-29, -80]
})
Обновлено 17 августа, 10:49
Александр Семенов
18 августа, 10:31
dimik,
вы очень помогли, безмерно благодарен)