---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/traffic_control.md
- https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/traffic_control.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/llms.txt
# Элемент управления "Пробки"
Open in CodeSandbox
Элемент управления — визуальный объект, позволяющий пользователю управлять картой (например, перемещать карту, изменять её тип или коэффициент масштабирования).
Каждый элемент управления реализуется отдельным классом из пространства имен control (например, control.Button).
Элемент управления "пробки" можно подключать как через ключ 'trafficControl', так и создавая экземпляр класса control.TrafficControl. При создании экземпляра класса можно указывать начальное состояние элемента управления.
{% list tabs %}
- index.html
```html
Элементы управления "Пробки"
```
- traffic_control.js
```js
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map("map", {
center: [56.136, 40.39],
zoom: 10,
controls: [],
});
// Создадим элемент управления "Пробки".
var trafficControl = new ymaps.control.TrafficControl({
state: {
// Отображаются пробки "Сейчас".
providerKey: "traffic#actual",
// Начинаем сразу показывать пробки на карте.
trafficShown: true,
},
});
// Добавим контрол на карту.
myMap.controls.add(trafficControl);
// Получим ссылку на провайдер пробок "Сейчас" и включим показ инфоточек.
trafficControl
.getProvider("traffic#actual")
.state.set("infoLayerShown", true);
}
```
{% endlist %}