YMapResizer

Класс YMapResizer — позволяет настраивать размер карты, предоставляя возможность захвата и перемещения её сторон и углов.

Примечание

Данный класс является компонентом пакета @yandex/ymaps3-resizer и предоставляет дополнительную функциональность в JS API, которая не входит в основное API.

Для подключения пакета воспользуйтесь инструкцией.

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

vanilla

react

vue

const resizer = new YMapResizer({
  minWidth: 400,
  maxWidth: 1000,
  minHeight: 400,
  maxHeight: 600,
  showOnlyOnHover: true
});

 <YMapResizer
   minWidth={400}
   maxWidth={1000}
   minHeight={400}
   maxHeight={600}
   showOnlyOnHover={true}
 </YMapResizer>

 <YMapResizer
   :minWidth="400"
   :maxWidth="1000"
   :minHeight="400"
   :maxHeight="600"
   :showOnlyOnHover="true"
 </YMapResizer>

Подробный пример

Конструктор

new YMapResizer(props: YMapResizerProps)

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

Параметр	Тип	Описание
`props`	`YMapResizer`	Значение входных `props`.

Унаследовано от

YMapComplexEntity.constructor

Props

export type YMapResizerProps = {
    direction?: YMapResizerDirection;
    minWidth?: number;
    maxWidth?: number;
    minHeight?: number;
    maxHeight?: number;
    showOnlyOnHover?: boolean;
};

Параметры

Параметр	Тип	Значение по умолчанию	Описание
`direction`	`'both' \\| 'horizontal' \\| 'vertical'`	`'both'`	Направление изменения размера.
`minWidth`	`number`	-	Минимальная ширина в `'px'`.
`maxWidth`	`number`	-	Максимальная ширина в `'px'`.
`minHeight`	`number`	-	Минимальная высота в `'px'`.
`maxHeight`	`number`	-	Минимальная высота в `'px'`.
`showOnlyOnHover`	`boolean`	`false`	Показывает элементы управления размером только при наведении курсора мыши.