@QTnub
Программист , музыкант , филантроп

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

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

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 вместо "Тест " вывести для каждой метки свой заголовок и свой контент? Я понимаю, как получить массивы всех заголовков, и всех контентов, но не могу понять, как для каждой метки вывести свою инфу.
  • Вопрос задан
  • 2447 просмотров
Решения вопроса 1
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
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')
                                 })
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 16:34
30000 руб./за проект
19 апр. 2024, в 16:22
30000 руб./за проект
19 апр. 2024, в 16:18
19000 руб./за проект