Данный код реализует создание баллуна с моим контентом. Можно ли с помощью 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, но как-то не пошло((((