Как правильно организовать код js?

Question

[Сергей Алпеев]

Есть задача написать скрипт, который бы собирал данные после фильтрации объектов со страницы и показывал их точками на карте, + выводил бы некую краткую информацию в балуне на карте, у меня получилось собрать все адреса, геокодировать их и отобразить на карте яндекса в виде меток, вот мой код:

function init() {
                         var big_Map = false;
                        var myMap = new ymaps.Map('map', {
                                center: [55.666666, 37.788628],
                                zoom: 9,
                                behaviors: ['default', 'scrollZoom']
                            });
                        
                        var massive_adres = $('.coords'); // массив адресов которые в последствии геокодируются и выводятся на карту 
                        var pagetitle = $('.pagetitle'); //массив заголовков 
                       
                    

                        massive_adres.each(function(i){
                                var objects = ymaps.geoQuery(ymaps.geocode($(this).text()))
                                
                                .setOptions({
                                        iconLayout: 'default#image',
                                        iconImageHref: 'main/red_marker.png',
                                        iconImageSize: [20, 35],
                                        iconImageOffset: [-3, -42]
                                        
                                 })
                                 
                                 
                                 
                                 
                                 .setProperties({
                                    balloonContentHeader:'Тест ',
                                    balloonContentBody: 'Тест'
                                 })
                                 
                                .addToMap(myMap); 
                              
                            });

Как в setProperties вместо "Тест " вывести для каждой метки свой заголовок и свой контент? Я понимаю, как получить массивы всех заголовков, и всех контентов, но не могу понять, как для каждой метки вывести свою инфу.

Answer 1

[Сергей Протько]

data-* атрибуты?

var objects = ymaps.geoQuery(ymaps.geocode($(this).text()))
                                .setOptions({
                                        iconLayout: 'default#image',
                                        iconImageHref: 'main/red_marker.png',
                                        iconImageSize: [20, 35],
                                        iconImageOffset: [-3, -42]     
                                 })
                                 .setProperties({
                                    balloonContentHeader:$(this).data('title'),
                                    balloonContentBody: $(this).data('description')
                                 })

Comments

[Сергей Алпеев]

подробнее пожалуйста

[Сергей Протько]

@QTnub ruseller.com/lessons.php?rub=1&id=1991

[Сергей Алпеев]

вы предлагаете в massive_adres записывать data атрибуты ? можете изложить свое решение , до меня пока не доходит =(

[Сергей Протько]

@QTnub обновил ответ.

[Сергей Алпеев]

ага , значит правильно понял , спасибо