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

На карту можно добавить стандартные элементы управления с помощью предустановленных наборов. В 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
    });