Клуб API Карт

Найдено на тему «События меток кластеризатора»:
Открыть кластер по клику на ссылку
tarverdyan.n
2 февраля 2017, 08:55

Здравствуйте. 

Нужно открыть соответствующий кластер по клику на ссылки. Вот что должно получится в итоге. http://take.ms/mFz0I

Создаю карту

ymaps.ready(init);
function init () {
    var myMap = new ymaps.Map("map", {
      center: [55.6938,37.6001],
      zoom: 5,
      controls: [],
    });
    var myGeoObjects = [];
    myGeoObjects[0] = new ymaps.Placemark([55.6740,37.7333],{
      clusterCaption: 'Moscow',
      },{
      iconLayout: 'default#image',
      iconImageHref: 'map.png',
      iconImageSize: [28, 42],
    });
    myGeoObjects[1] = new ymaps.Placemark([56.6990,37.7333],{
      clusterCaption: 'Moscow',
      },{
      iconLayout: 'default#image',
      iconImageHref: 'map.png',
      iconImageSize: [28, 42],
    });
    myGeoObjects[2] = new ymaps.Placemark([56.299278725518555,43.99715184918819],{
          clusterCaption: 'Nnov', 
          },{
          iconLayout: 'default#image',
          iconImageHref: 'map.png',
          iconImageSize: [28, 42],
        });
    myGeoObjects[3] = new ymaps.Placemark([56.30080581135179,43.99715184918819],{
          clusterCaption: 'Nnov', 
          },{
          iconLayout: 'default#image',
          iconImageHref: 'map.png',
          iconImageSize: [28, 42],
        });

    var clusterer = new ymaps.Clusterer({
          clusterDisableClickZoom: false,
          clusterOpenBalloonOnClick: false,
          clusterBalloonContentLayout: 'cluster#balloonCarousel',
     });
    clusterer.add(myGeoObjects);
    myMap.geoObjects.add(clusterer);
}

Как связать ссылки с кластерами, чтобы по клику их открывать? Покажите пожалуйста маленький пример если не сложно. jsfiddle

1 комментарий
кластеризация,Кластер,События меток кластеризатора
Не добавляются события через ymaps.templateLayoutFactory.createClass
Aldwinw9999
22 декабря 2016, 06:44

Здравствуйте. Использую yamap в связке с vue.js.

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

var customItemContentLayout = ymaps.templateLayoutFactory.createClass(
    '<h4 class=ballon_header>{{ properties.balloonContentHeader}}</h4>' +
    '<div class=ballon_body>{{ properties.balloonContentBody|raw}}</div>' +
    '<div class=ballon_footer>{{ properties.balloonContentFooter|raw}}</div>'
    ,{
        build: function() {
            console.log(123);
            this.superclass.build.call(this);
            $('#link-to-pvz').on('click', this.onLinkClick);
        },

        clear: function() {
            $('#link-to-pvz').off('click', this.onLinkClick);
            this.superclass.clear.call(this);
        },
        onLinkClick: function () {
            console.log('321');
        }
    }
);

var clusterer = new ymaps.Clusterer({
    clusterBalloonItemContentLayout: customItemContentLayout,
    preset: 'islands#orangeClusterIcons',
    minClusterSize: 5
});

1 комментарий
События меток кластеризатора