Loading in a regular tag - approx.

But objectManager.clusters.events.add ('balloonopen', function (event) {}) does not work.

If I use map_index.balloon.events.add ('click' ...), I can’t get the tag ID to perform further manipulations to download the content.

Any option will come down to me, both when disclosing a cluster balloon, to load all tags that are part of a cluster, and when clicking on the label itself.

1 answer 1

In the sandbox JS API Yandex maps there is an example that fully reflects what you want to do: https://tech.yandex.ru/maps/jsbox/2.1/om_balloon_ajax

Here is the code:

objectManager.objects.events.add('balloonopen', function (e) { // Получим объект, на котором открылся балун. var id = e.get('objectId'), geoObject = objectManager.objects.getById(id); // Загрузим данные для объекта при необходимости. downloadContent([geoObject], id); }); objectManager.clusters.events.add('balloonopen', function (e) { // Получим id кластера, на котором открылся балун. var id = e.get('objectId'), // Получим геообъекты внутри кластера. cluster = objectManager.clusters.getById(id), geoObjects = cluster.properties.geoObjects; // Загрузим данные для объектов при необходимости. downloadContent(geoObjects, id, true); }); function downloadContent(geoObjects, id, isCluster) { // Создадим массив меток, для которых данные ещё не загружены. var array = geoObjects.filter(function (geoObject) { return geoObject.properties.balloonContent === 'идет загрузка...' || geoObject.properties.balloonContent === 'Not found'; }), // Формируем массив идентификаторов, который будет передан серверу. ids = array.map(function (geoObject) { return geoObject.id; }); if (ids.length) { // Запрос к серверу. // Сервер обработает массив идентификаторов и на его основе // вернет JSON-объект, содержащий текст балуна для // заданных меток. ymaps.vow.resolve($.ajax({ // Обратите внимание, что серверную часть необходимо реализовать самостоятельно. //contentType: 'application/json', //type: 'POST', //data: JSON.stringify(ids), url: 'content.json', dataType: 'json', processData: false })).then(function (data) { // Имитируем задержку от сервера. return ymaps.vow.delay(data, 1000); }).then( function (data) { geoObjects.forEach(function (geoObject) { // Содержимое балуна берем из данных, полученных от сервера. // Сервер возвращает массив объектов вида: // [ {"balloonContent": "Содержимое балуна"}, ...] geoObject.properties.balloonContent = data[geoObject.id].balloonContent; }); // Оповещаем балун, что нужно применить новые данные. setNewData(); }, function () { geoObjects.forEach(function (geoObject) { geoObject.properties.balloonContent = 'Not found'; }); // Оповещаем балун, что нужно применить новые данные. setNewData(); } ); } function setNewData(){ if (isCluster && objectManager.clusters.balloon.isOpen(id)) { objectManager.clusters.balloon.setData(objectManager.clusters.balloon.getData()); } else if (objectManager.objects.balloon.isOpen(id)) { objectManager.objects.balloon.setData(objectManager.objects.balloon.getData()); } } }
  • one
    Although the link can find the answer to the question, it is better to point out the most important thing here, and give the link as a source. If the page to which the link leads will be changed, the response link may become invalid. - from the queue of checks - vmchar
  • one
    If the link to the official sandbox js api Yandex maps becomes invalid, then this means that the entire project js api Yandex maps is probably dead and the question will no longer make sense. - se0ga pm
  • @ se0ga, Yandex can change the domain for examples or release a new major version and make a new website with documentation for it, and then nail the old one. Those. there may be cases that the question is relevant, the API exists, and the link is invalid) —YriySPb ♦
  • Yandex still supports links to sample versions that were released more than 10 years ago. But added the code) - se0ga