--- metadata: - name: generator content: Diplodoc Platform v5.39.1 alternate: - https://yandex.ru/dev/maps/archive/doc/jsapi/2-0/ru/examples/cases/controls.md --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/dev/maps/archive/doc/jsapi/2-0/ru/llms.txt # Элементы управления Open in CodeSandbox
ready, Map, map.control.Manager, control.ScaleLine, control.MiniMap control.TrafficControl

Элемент управления — визуальный объект, позволяющий пользователю управлять картой (например, перемещать карту, изменять её тип или коэффициент масштабирования).

Каждый элемент управления реализуется отдельным классом из пространства имен control (например, control.Button или control.MiniMap).

Ссылка на элементы управления содержится в поле controls карты. С его помощью производится добавление и удаление элементов управления на карту. При добавлении элемента управления указывается либо экземпляр соответствующего класса, либо строковый идентификатор элемента управления (например, 'zoomControl').

Положения элементов управления на карте можно изменять.

{% list tabs %} - index.html ```html Примеры. Элементы управления
``` - controls.js ```js ymaps.ready(init); function init() { var myMap = new ymaps.Map("map", { center: [56.136, 40.39], zoom: 10, }); // Для добавления элемента управления на карту // используется поле map.controls. // Это поле содержит ссылку на экземпляр класса map.control.Manager. // Добавление элемента в коллекцию производится // с помощью метода add. // В метод add можно передать строковый идентификатор // элемента управления и его параметры. myMap.controls // Кнопка изменения масштаба. .add("zoomControl", { left: 5, top: 5 }) // Список типов карты .add("typeSelector") // Стандартный набор кнопок .add("mapTools", { left: 35, top: 5 }); // Также в метод add можно передать экземпляр класса элемента управления. // Например, панель управления пробками. var trafficControl = new ymaps.control.TrafficControl(); myMap.controls .add(trafficControl) // В конструкторе элемента управления можно задавать расширенные // параметры, например, тип карты в обзорной карте. .add( new ymaps.control.MiniMap({ type: "yandex#publicMap", }) ); /* // Удаление элементов управления производится через метод remove. myMap.controls .remove(trafficControl) .remove('mapTools'); */ } ``` {% endlist %}