0

Возникла проблема со сворачиванием метки в кластер. Метка 5 складывается в кластер только при значении zoom 2. Изменение значений gridSize не помогает. Данная проблема возникает во всех примерах, по кластеризации которые есть в песочнице Яндекса. В данный пример: https://tech.yandex.ru/maps/jsbox/2.1/clusterer_create добавил свои координаты: https://jsfiddle.net/r0c9a68s/

    ymaps.ready(function() {
  var myMap = new ymaps.Map('map', {
      center: [55.751574, 37.573856],
      zoom: 9,
      behaviors: ['default', 'scrollZoom']
    }, {
      searchControlProvider: 'yandex#search'
    }),
    /**
     * Создадим кластеризатор, вызвав функцию-конструктор.
     * Список всех опций доступен в документации.
     * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/Clusterer.xml#constructor-summary
     */
    clusterer = new ymaps.Clusterer({
      /**
       * Через кластеризатор можно указать только стили кластеров,
       * стили для меток нужно назначать каждой метке отдельно.
       * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/option.presetStorage.xml
       */
      preset: 'islands#invertedVioletClusterIcons',
      /**
       * Ставим true, если хотим кластеризовать только точки с одинаковыми координатами.
       */
      groupByCoordinates: false,
      /**
       * Опции кластеров указываем в кластеризаторе с префиксом "cluster".
       * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/ClusterPlacemark.xml
       */
      clusterDisableClickZoom: true,
      clusterHideIconOnBalloonOpen: false,
      geoObjectHideIconOnBalloonOpen: false
    }),
    /**
     * Функция возвращает объект, содержащий данные метки.
     * Поле данных clusterCaption будет отображено в списке геообъектов в балуне кластера.
     * Поле balloonContentBody - источник данных для контента балуна.
     * Оба поля поддерживают HTML-разметку.
     * Список полей данных, которые используют стандартные макеты содержимого иконки метки
     * и балуна геообъектов, можно посмотреть в документации.
     * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/GeoObject.xml
     */
    getPointData = function(index) {
      return {
        balloonContentHeader: '<font size=3><b><a target="_blank" href="https://yandex.ru">Здесь может быть ваша ссылка</a></b></font>',
        balloonContentBody: '<p>Ваше имя: <input name="login"></p><p>Телефон в формате 2xxx-xxx:  <input></p><p><input type="submit" value="Отправить"></p>',
        balloonContentFooter: '<font size=1>Информация предоставлена: </font> балуном <strong>метки ' + index + '</strong>',
        clusterCaption: 'метка <strong>' + index + '</strong>'
      };
    },
    /**
     * Функция возвращает объект, содержащий опции метки.
     * Все опции, которые поддерживают геообъекты, можно посмотреть в документации.
     * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/GeoObject.xml
     */
    getPointOptions = function() {
      return {
        preset: 'islands#violetIcon'
      };
    },
    points = [
      [56.326497, 38.133412],
      [56.339793, 38.124535],
      [56.303575, 38.132911],
      [55.914302, 37.866648],
      [55.994914, 37.863423]
    ],
    geoObjects = [];

  /**
   * Данные передаются вторым параметром в конструктор метки, опции - третьим.
   * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/Placemark.xml#constructor-summary
   */
  for (var i = 0, len = points.length; i < len; i++) {
    geoObjects[i] = new ymaps.Placemark(points[i], getPointData(i), getPointOptions());
  }

  /**
   * Можно менять опции кластеризатора после создания.
   */
  clusterer.options.set({
    gridSize: 80,
    clusterDisableClickZoom: true
  });

  /**
   * В кластеризатор можно добавить javascript-массив меток (не геоколлекцию) или одну метку.
   * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/Clusterer.xml#add
   */
  clusterer.add(geoObjects);
  myMap.geoObjects.add(clusterer);

  /**
   * Спозиционируем карту так, чтобы на ней были видны все объекты.
   */

  myMap.setBounds(clusterer.getBounds(), {
    checkZoomRange: true
  });
});

Как сделать, чтобы метка нормально сворачивалась в кластер?

1 ответ 1

1

Никак, это особенность grid кластеризации. При таком типе кластеризации кластеризуются только те метки, которые находятся в одном тайле. Подробнее про grid кластеризацию можно почитать тут: https://habr.com/post/268621/ Если вам нужна своя кластеризация, можно например использовать Remote Object Manager https://tech.yandex.ru/maps/doc/jsapi/2.1/dg/concepts/remote-object-manager/about-docpage/

1
  • Спасибо за разъяснение!
    – user308194
    11 сен 2018 в 12:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.