Добавление отдельных элементов управления

Open in CodeSandbox

В API 2.1 элементы управления добавляются на карту автоматически при ее создании. По умолчанию на карту добавляется стандартный набор элементов управления 'mediumMapDefaultSet' (см. пример).

Для того чтобы добавить на карту нужные элементы управления, в параметре controls при ее создании можно указать список соответствующих ключей. Также элементы управления можно добавить через поле карты Map.controls с помощью метода add.

Можно указывать как отдельные элементы управления, так и их набор. Если карту нужно отобразить без элементов управления, то в поле controls передать пустой массив [].

Со списком доступных элементов управления можно ознакомиться тут.

<!DOCTYPE html>
<html>
    <head>
        <title>Добавление отдельных элементов управления</title>
        <meta
            http-equiv="Content-Type"
            content="text/html; charset=utf-8"
        />
        <!--
        Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
        Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
    -->
        <script
            src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=<ваш API-ключ>"
            type="text/javascript"
        ></script>
        <script src="customSet_controls.js" type="text/javascript"></script>
        <style>
            html,
            body,
            #map {
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
            }
        </style>
    </head>
    <body>
        <div id="map"></div>
    </body>
</html>
ymaps.ready(function () {
    var myMap = new ymaps.Map(
        "map",
        {
            center: [55.751574, 37.573856],
            zoom: 9,
            controls: [
                "zoomControl",
                "searchControl",
                "typeSelector",
                "fullscreenControl",
                "routeButtonControl",
            ],
        },
        {
            searchControlProvider: "yandex#search",
        }
    );
});