vue-yandex-map icon indicating copy to clipboard operation
vue-yandex-map copied to clipboard

Отсутствует пример кастомного кластера в документации

Open SergeyNekrasoff opened this issue 6 years ago • 8 comments

Нет примера в документации, как сделать кастомный кластер, добавьте плиз

Пытаюсь изменить шрифт у кластера через свойство clusterContentLayout:

clusterOptions: {
        1: {
          clusterDisableClickZoom: false, 
          hasBalloon: false,
          clusterContentLayout: `<div style="color: #FFFFFF; font-weight: bold;">${[properties.iconContent]}</div>`,
          clusterIcons: [
            {
                href: require('assets/svg/marker.svg'),
                size: [40, 49],
                offset: [-20, -25]
            },
            {
                href: require('assets/svg/cluster-map.svg'),
                size: [50, 50],
                offset: [-25, -25]
            }
          ],
          clusterNumbers: [50]
        }
      }

SergeyNekrasoff avatar Jul 31 '19 11:07 SergeyNekrasoff

Пофиксил кластер в доках, спасибо. Надеюсь поможет )

PNKBizz avatar Jul 31 '19 13:07 PNKBizz

Пофиксил кластер в доках, спасибо. Надеюсь поможет )

К сожалению кластер не меняется, пробовал как в документации - тоже не работает

clusterOptions: {
        1: {
          clusterDisableClickZoom: false, 
          hasBalloon: false,
          clusterLayout: '<div style="color: tomato; font-family: Foros; font-weight: 600;">{{ properties.geoObjects.length }}</div>',
          clusterIcons: [
            {
                href: require('assets/svg/marker.svg'),
                size: [40, 49],
                offset: [-20, -25]
            },
            {
                href: require('assets/svg/cluster-map.svg'),
                size: [50, 50],
                offset: [-25, -25]
            }
          ],
          clusterNumbers: [50]
        }
      }

SergeyNekrasoff avatar Jul 31 '19 13:07 SergeyNekrasoff

Сделайте пример в песочнице

PNKBizz avatar Jul 31 '19 13:07 PNKBizz

https://codesandbox.io/s/codesandbox-nuxt-1ht4k

SergeyNekrasoff avatar Jul 31 '19 14:07 SergeyNekrasoff

@PNKBizz У меня не работает gridSize для кластера. Не знаете в чем может быть проблема? Другие свойства работают.

gkhabada avatar Feb 02 '21 13:02 gkhabada

так же не вижу чтоб работал clusterIconShape

sinneren avatar Dec 21 '21 12:12 sinneren

У меня работает пример из доки яндекса правда в отличии от примера выше я не использую require для картинки, я просто прописываю url.

Но мой запрос чуть иной. В доке яндекса существует option.presetStorage который можно передать в options.preset и будет нам счастье. Однако пресеты на то и пресеты, что ограничены. Мне нужен конкретный цвет. Насколько я понял из документации option.presetStorage является экземпляром класса util.Storage

Собственно мой план добавить и использовать новый объект в presetStorage, однако я не понимаю как могу взаимодействовать с ним в рамках плагина.

Возможно кто-то уже решал подобную задачу? Мне нужен конкретно кастомный цвет иконки кластера с оставшимся счетчиком.

spokik avatar Oct 15 '22 11:10 spokik

Я видимо не правильно пронял апи яндекса. Сейчас разобрался.

Так как у нас есть доступ к ymaps, создаем новый объект примерно таким образом.

ymaps.option.presetStorage.add('wtClaster', {
            clusterIconColor: "#7851A9",
            preset: "islands#clusterSvgIcons"
        })

spokik avatar Oct 15 '22 13:10 spokik

Оригинальная проблема исправлена, также кастомные кластеры поддерживаются лучше в 2.0

daniluk4000 avatar Mar 05 '24 08:03 daniluk4000