YMapControls

Класс YMapControls — DOM-контейнер, который позволяет объединить элементы управления для их удобного расположения и организации на карте.

Пример использования

vanilla

react

vue

const map = new YMap(element, {
  location: {center: [37.588144, 55.733842], zoom: 14}
});
const controls = new YMapControls({position: 'top left', orientation: 'vertical'});
controls.addChild(new YMapGeolocationControlI({}));
controls.addChild(new YMapZoomControlI({}));
map.addChild(controls);

Создание собственного элемента

Вы можете создать собственные визуальные элементы.

Пример

Добавление кнопки, которая переставляет центр карты в Москву:

const map = new YMap(element, {
  location: {center: [37.588144, 55.733842], zoom: 14}
});

const controls = new YMapControls({position: 'top left'});
const button = new YMapControlButton({
  text: 'Москва',
  onClick: () => {
    map.setLocation({
      center: [37.588144, 55.733842],
      zoom: 5
    });
  }
});

controls.addChild(button);
map.addChild(controls);

Конструктор

new YMapControls(props, children?)

Параметры конструктора

Параметр	Тип
`props`	`YMapControlsProps`
`children?`	`YMapEntity`<`unknown`, {}>[]

Переопределяет

YMapGroupEntity.constructor

Props

YMapControlsProps: Object

Параметры

Параметр	Тип	Описание
`orientation?`	`Orientation`	Управляет ориентацией.
`position`	`Position`	Контролирует положение.