Перейти к основному содержимому

Иконки

Добавление иконок​

Вы можете добавлять на карту иконки через стилевой слой в Редакторе стилей или через метод addIcon():

map.addIcon('newIconName', { url: '//path_to_icon/icon.svg' });

В качестве аргументов метод принимает имя иконки и объект опций StyleIconConfig, содержащий путь до иконки.

Ограничения по работе с методом:

  • В качестве URL до иконки вы можете использовать только абсолютный или шаблонный путь, например //absolute_path_to_icon/icon.svg или //{appHost}/path_to_icon/icon.svg.
  • В качестве иконки вы можете использовать только SVG-изображение.

Текст внутри SVG-файла рекомендуется конвертировать в кривые. Иначе, если на клиентском устройстве отсутствует используемый в SVG-файле шрифт, могут возникнуть визуальные отличия текста от исходной иконки.

Изменение ранее добавленной иконки​

Чтобы обновить ранее добавленную иконку, удалите её, а затем добавьте новую:

map.removeIcon('newIconName');
map.addIcon('newIconName', { url: '//path_to_icon/new-icon.svg' });

Изменение иконки из стиля​

Чтобы изменить иконку из существующего стиля, удалите её, а затем добавьте новую:

map.removeIcon('metro_red_uae');
map.addIcon('metro_red_uae', { url: '//path_to_icon/new-metro_red_uae.svg' });

Передайте текущее имя иконки, которое используется в стиле. Посмотреть имя иконки вы можете в Редакторе стилей.