Карта

YMap — корневой элемент в иерархии. Чтобы его инициализировать, в конструктор объекта нужно передать:

<!-- Создайте контейнер для карты -->
<div id="root"></div>

const {YMap} = ymaps3;

// Инициализируйте карту
const map = new YMap(

  // Передайте ссылку на HTMLElement контейнера
  document.getElementById('root'),

  // Передайте параметры инициализации карты
  {
    location: {
      zoom: 10,
      center: [37.588144, 55.733842]
    }
  }
);

Инициализация и её параметры

Все объекты JS API инициализируются по своим правилам, но на карту добавляются с помощью метода addChild(), вызванного у экземпляра карты. Удалить объекты можно симметричным методом removeChild():

const {YMap, YMapLayer} = ymaps3;

// Инициализируйте карту
const map = new YMap(...);

// Инициализируйте слой
const layer = new YMapLayer(...);

// Добавьте этот слой на карту
map.addChild(layer);

Параметры, передаваемые объектам при инициализации, могут быть обязательными и опциональными. Например, у компонента YMap поле location обязательное, а behaviors — нет.

const {YMap} = ymaps3;

const map = new YMap(document.getElementById('root'), {
  location: {
    zoom: 10,
    center: [37.588144, 55.733842]
  },
  behaviors: ['drag', 'scrollZoom', 'pinchZoom', 'dblClick']
});

Подробнее о параметрах инициализации каждого компонента.

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