Песочница
Версия:
Популярные примеры
Карта
Геообъекты
Балун и хинт
Элементы управления
Активные области
Регионы
Кластеризация
GeoQuery
Поведения и события
Поиск по карте
Пробки
Местоположение пользователя
Маршрутизация
YMapsML
GeoXML
ObjectManager
Модульная система
Панорамы
Внешние модули

Задание изображений для меток с использованием CSS-спрайтов

Сохранить как файлыЭкспорт на JSFiddle

Изображения для меток можно задавать с использованием CSS-спрайтов.

Чтобы установить для метки нужное изображение из спрайта, необходимо данной метке задать следующие опции:

  • iconImageCliptRect — позиция нужного изображения в спрайте. Определяется пиксельными координатами левого верхнего и правого нижнего углов прямоугольника, в котором размещается изображение;
  • iconImageHref — URL спрайта;
  • iconImageSize — размеры иконки;
  • iconImageOffset — смещение иконки относительно точки привязки;
  • iconLayout — макет иконки. Для опции должно быть установлено значение 'default#image'.

Подробнее об использовании CSS-спрайтов см. в документации.