Встроенные наборы элементов управления

На карту можно добавить стандартные элементы управления с помощью предустановленных наборов. В API включено три набора элементов управления:

для больших карт (более 1000px в ширину);
для стандартных карт (от 300 до 1000px в ширину);
для маленьких карт (менее 300px в ширину).

Для отображения всех элементов управления из нужного набора достаточно указать его ключ.

Примечание

API не позволяет изменять встроенные наборы и создавать собственные.

При добавлении набора на карту можно дополнительно указывать отдельные элементы управления, не входящие в этот набор.

Набор

Описание

«smallMapDefaultSet»

Набор кнопок, предназначенный для маленьких карт (менее 300 пикселей в ширину).

Список кнопок в наборе:

«Геолокация»;
«Поиск по карте»;
«Переключатель слоев карты»;
«Полноэкранный режим»;
«Кнопки управления масштабом».

Пример добавления набора:

var myMap = new ymaps.Map('map', {
        center: [59.937, 30.313],
        controls: ['smallMapDefaultSet'],
        zoom: 12
    });

Пример добавления набора и отдельного элемента:

// Добавим на карту набор и элемент
// «Панель маршрута».
var myMap = new ymaps.Map('map', {
        center: [59.937, 30.313],
        controls: ['smallMapDefaultSet', 'routeButtonControl'],
        zoom: 12
    });

«mediumMapDefaultSet» (или «default»)

Набор кнопок, предназначенный для стандартных карт (от 300 до 1000 пикселей в ширину).

Список кнопок в наборе:

«Геолокация»;
«Поиск по карте»;
«Пробки»;
«Переключатель слоев карты»;
«Полноэкранный режим»;
«Кнопки управления масштабом»;
«Измеритель расстояния».

Этот набор добавляется на карту по умолчанию:

var myMap = new ymaps.Map('map', {
        center: [59.937, 30.313],
        zoom: 12
    });

«largeMapDefaultSet»

Набор кнопок, предназначенный для больших карт (более 1000 пикселей в ширину).

Список кнопок в наборе:

«Геолокация»;
«Поиск по карте»;
«Кнопка маршрутов»;
«Пробки»;
«Переключатель слоев карты»;
«Ползунок масштаба»;
«Измеритель расстояния».

Пример добавления на карту:

var myMap = new ymaps.Map('map', {
        center: [59.937, 30.313],
        controls: ['largeMapDefaultSet'],
        zoom: 11
    });

Была ли статья полезна?

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

Адаптивность элементов управления