Для добавления HTML-разметки на карту с помощью API Яндекс.Карт можно использовать балун (инфобокс) метки.
Пример создания метки с HTML-разметкой:
```javascript
ymaps.ready(function () {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64],
zoom: 10
});
var myPlacemark = new ymaps.Placemark([55.76, 37.64], {
balloonContentHeader: '<b>Метка с HTML-разметкой</b>',
balloonContentBody: '<p>Текстовое содержимое</p>',
balloonContentFooter: '<img src="image.jpg" alt="Изображение">'
});
myMap.geoObjects.add(myPlacemark);
});
```
Чтобы создать метку на Яндекс.Картах через API с частью изображением SVG и частью текста, необходимо использовать макет метки.
Пример создания макета метки с SVG и текстом:
```javascript
ymaps.ready(function () {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64],
zoom: 10
});
var MyCustomLayout = ymaps.templateLayoutFactory.createClass(
'<div class="custom-layout">' +
'<svg width="50" height="50"><circle cx="25" cy="25" r="20" fill="red" /></svg>' +
'<div class="text-layout">$[properties.text]</div>' +
'</div>'
);
var myPlacemark = new ymaps.Placemark([55.76, 37.64], {
text: 'Текст на метке'
}, {
iconLayout: MyCustomLayout
});
myMap.geoObjects.add(myPlacemark);
});
```
Для реализации данной функциональности через 3 версии API карты Яндекс, вам необходимо использовать соответствующие методы и синтаксис для каждой версии. В документации API карт Яндекс есть примеры и инструкции по работе с метками и макетами.