---
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/en/llms.txt
# Traffic control
Open in CodeSandbox
A control is a visual object that allows the user to manipulate the map (for example, move the map, change its type, or change the zoom).
Each control is implemented by a separate class from the 'control' namespace (for example, control.Button).
The "Traffic" control can be enabled either via the 'trafficControl' key, or by creating an instance of the control.TrafficControl class. When creating an instance of the class, you can specify the initial state of the control.
{% list tabs %}
- index.html
```html
Examples. "Traffic" control
```
- traffic_control.js
```js
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map("map", {
center: [56.136, 40.39],
zoom: 10,
controls: [],
});
// Creating the "Traffic" control.
var trafficControl = new ymaps.control.TrafficControl({
state: {
// Displaying traffic "Now".
providerKey: "traffic#actual",
// Begin immediately showing traffic on the map.
trafficShown: true,
},
});
// Adding the control to the map.
myMap.controls.add(trafficControl);
// Getting a reference to the "Now" traffic provider and enabling the display of information points.
trafficControl
.getProvider("traffic#actual")
.state.set("infoLayerShown", true);
}
```
{% endlist %}