Маркеры
Маркер — DOM-элемент с привязкой к координатам. Маркеры можно перетаскивать и настраивать их внешний вид с помощью HTML-верстки.
const {YMap, YMapDefaultSchemeLayer, YMapDefaultFeaturesLayer, YMapMarker} = ymaps3;
// Инициализируйте карту
const map = new YMap({...});
// Добавьте слой с дорогами и зданиями
map.addChild(new YMapDefaultSchemeLayer());
// Добавьте слой для маркеров
map.addChild(new YMapDefaultFeaturesLayer());
// Создайте DOM-элемент для содержимого маркера.
// Важно это сделать до инициализации маркера!
// Элемент можно создавать пустым. Добавить HTML-разметку внутрь можно после инициализации маркера.
const content = document.createElement('section');
// Инициализируйте маркер
const marker = new YMapMarker(
{
coordinates: [25.229762, 55.289311],
draggable: true
},
content
);
// Добавьте маркер на карту
map.addChild(marker);
// Добавьте произвольную HTML-разметку внутрь содержимого маркера
content.innerHTML = '<h1>Этот заголовок можно перетаскивать</h1>';
Базовым классом, реализующим маркер является YMapMarker.