Skip to content

Работа с маркерами

Пример создания маркера по центру карты

html
<div id="map" style="height: 600px;"></div>

<button id="button-create-marker">
    Создать маркер
</button>
js
document
    .getElementById('button-create-marker')
    .addEventListener('click', async () => {
        // Получение координат центра карты
        const mapRect = document.getElementById('map').getBoundingClientRect();
        const coords = await map.convertPointToCoordinates({
            x: mapRect.width / 2,
            y: mapRect.height / 2,
        });

        // Создание маркера в центре карты
        const { id } = await map.createMarker({
            latitude: coords.latitude,
            longitude: coords.longitude,
        });

        // Выделение маркера
        await map.selectMarkers({
            ids: [id],
            animated: true,
        });
    });