Создание, продвижение сайтов
40-33-54

Заменить иконки объектов на свои изображения (Geofield Yandex Maps)

14 января 2017

Инструкция по смене иконок объектов на свои изображения:

1. Копируем файл js/geofield_ymap_presets.example.js из папки модуля Geofield Yandex Maps в папку своего модуля или темы.

2. Прописываем в файле список своих пресетов. Пример:

ymaps.ready(function () {
  ymaps.option.presetStorage.add('custom#examplePreset1', {
    iconLayout: 'default#image',
    iconImageHref: 'http://api.yandex.ru/maps/doc/jsapi/2.0/examples/images/myIcon.gif',
    iconImageSize: [30, 42],
    iconImageOffset: [-3, -42]
  });
  ymaps.option.presetStorage.add('custom#examplePreset2', {
    iconLayout: 'default#image',
    iconImageHref: 'http://api.yandex.ru/maps/jsbox/examples/maps/ru/geolocation_api/images/man.png',
    iconImageSize: [27, 26],
    iconImageOffset: [-10, -24]
  });
  // ...
});

3. На странице настроек модуля admin/config/system/geofield-ymap прописываем путь до скопированного файла с пресетами:

4. В виджете, форматтере или представлении прописываем имя пресета:

Если в Views нужны разные пресеты для разных объектов, то добавляем в представление поле с именем пресета и указываем его в настройках стиля: