Маркеры

Маркер — 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.

Предыдущая
Следующая