vue-yandex-map
vue-yandex-map copied to clipboard
Отсутствует пример кастомного кластера в документации
Нет примера в документации, как сделать кастомный кластер, добавьте плиз
Пытаюсь изменить шрифт у кластера через свойство 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]
}
}
Пофиксил кластер в доках, спасибо. Надеюсь поможет )
Пофиксил кластер в доках, спасибо. Надеюсь поможет )
К сожалению кластер не меняется, пробовал как в документации - тоже не работает
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]
}
}
Сделайте пример в песочнице
https://codesandbox.io/s/codesandbox-nuxt-1ht4k
@PNKBizz У меня не работает gridSize для кластера. Не знаете в чем может быть проблема? Другие свойства работают.
так же не вижу чтоб работал clusterIconShape
У меня работает пример из доки яндекса правда в отличии от примера выше я не использую require для картинки, я просто прописываю url.
Но мой запрос чуть иной. В доке яндекса существует option.presetStorage который можно передать в options.preset и будет нам счастье. Однако пресеты на то и пресеты, что ограничены. Мне нужен конкретный цвет. Насколько я понял из документации option.presetStorage является экземпляром класса util.Storage
Собственно мой план добавить и использовать новый объект в presetStorage, однако я не понимаю как могу взаимодействовать с ним в рамках плагина.
Возможно кто-то уже решал подобную задачу? Мне нужен конкретно кастомный цвет иконки кластера с оставшимся счетчиком.
Я видимо не правильно пронял апи яндекса. Сейчас разобрался.
Так как у нас есть доступ к ymaps, создаем новый объект примерно таким образом.
ymaps.option.presetStorage.add('wtClaster', {
clusterIconColor: "#7851A9",
preset: "islands#clusterSvgIcons"
})
Оригинальная проблема исправлена, также кастомные кластеры поддерживаются лучше в 2.0