Клуб API Карт

Создание метки с HTML внутри

r.krasavtsev
21 февраля 2015, 18:19

Добрый день!

 

Хотелось бы реализовать метку с HTML внутри. Т.е. с возможностью использовать классы CSS для реализации различных меток с различными изображениями внутри.

 

Насколько я понимаю это каким-то образом реализовано тут:

https://pogoda.yandex.ru/maps#ru_55.81601_37.340316_13

 

<div class="baloon ymaps-placemark">

  <a class="link" href="/nakhabino/">

    <i class="icon icon_thumb_bkn-n icon_size_30 baloon__icon" data-width="30"></i>

    <span class="baloon__temp">+2</span>

  </a>

</div>


Как это можно реализовать? Спасибо.

1 комментарий
Подписаться на комментарии к посту

// Создадим метку и зададим ей круглую интерактивную область.
var MyLayoutClass = ymaps.templateLayoutFactory.createClass('{{ properties.name }}'),

myPlacemark = new ymaps.Placemark([22, 34], {name: 'Кафе Маяк'}, {
iconLayout: MyLayoutClass,
iconShape: {type: 'Circle', coordinates: [0, 0], radius: 20}
});