Клуб API Карт

Как реализовать загрузку данных с API в баллун?

Анастасия Жолудева
27 ноября, 13:56
Данный код реализует создание баллуна с моим контентом. Можно ли с помощью Vue.js или еще как-то реализовать загрузку данных с API для данных {{магазин}} и {{улица}}.
var obj = {
    type: 'FeatureCollection',
    features: coords.map(function(p){
        return {
            type: 'Feature',
            properties: {
                balloonContent:  '<div class="baloon">' +
                '<img class="img_map" src="https://www.look.com.ua/templates/lookua/images/avatar-user.png" alt="">' +
                '<div class="text">' +
                '<p>'+
                '<p  class="name">{{магазин}}</p>'  +
                '{{улица}}' +
                '<br>' +
                '10:00-22:00' +
                '</p>' +
                '</div>' +
                '<div class="line"></div>' +
                '<p class="proposition">Предложений: 2356/345</p>'
                +'</div>'
            },
            geometry: {
                type: 'Point',
                coordinates: [p[0], p[1]]
            }
        }
    })
};


var objects = ymaps.geoQuery(obj);

objects.searchInside(this.myMap).addToMap(this.myMap);

this.myMap.events.add('boundschange', () => {
    var visibleObjects = objects.searchInside(this.myMap).addToMap(this.myMap);
    objects.remove(visibleObjects).removeFromMap(this.myMap);
});

Пробовала разобрать в примере https://tech.yandex.ru/maps/jsbox/2.1/om_balloon_ajax, но как-то не пошло((((