Как изменить балун на карте яндекса?

Question

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

Есть такая конструкция:

function init() {
                        var myMap = new ymaps.Map('map', {
                                center: [55.555555, 37.788628],
                                zoom: 9,
                                behaviors: ['default', 'scrollZoom']
                            });
                        
                        var massive_adres = $('.coords');
                        
                    
                       
                        massive_adres.each(function(i){
                            var objects = ymaps.geoQuery(ymaps.geocode($(this).text()))
                    
                            .addToMap(myMap); 
                        });
                       
                      
                        
                       
                    }
                    
                    ymaps.ready(init);
                        
                    });

Каким образом тут можно изменить балун на свою картинку? Я немного не понял, как можно применить сюда примеры из доков.

Answer 1

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

в общем мне никто так и не помог и не объяснил , потратил день и разобрался сам , если кому то будет интересно то именно для такой конструкции необходимо использовать метод setOptions объекта geoQueryResult api.yandex.ru/maps/doc/jsapi/2.1-dev/ref/reference...

а вот что нужно добавить именно в эту конструкцию чтобы все заработало

.setOptions({
iconLayout: 'default#image',
iconImageHref: 'main/red_marker.png',
iconImageSize: [20, 35],
iconImageOffset: [-3, -42],
balloonContentHeader: 'Тестовый заголовок',
balloonContentBody: 'Тестовый контент '
})

Comments

[jlekapb]

Сергей, спасибо!

Answer 2

[Юрий Лобанов]

И что именно Вы не понимаете?

Comments

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

не понятно как модифицировать именно эту конструкцию

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

я пробовал пристраивать куски кода которые предложил Petroveg чуть ниже , но ничего не выходит

[Юрий Лобанов]

@QTnub в вашей конструкции нет ничего сложного. Читайте API

[Евгений Петров]

@QTnub делаете код, выкладываете на jsfiddle и вуаля — он правится и работает.

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

я так понимаю что мне достаточно этого куска кода ?

ymaps.ready(function () {
ymaps.option.presetStorage.add('custom#default', {
iconLayout: 'default#image',
iconImageHref: 'marker.png',
iconImageSize: [30, 40],
iconImageOffset: [-15, -40],
iconImageClipRect: [
[0, 30],
[30, 70]
],
hideIconOnBalloonOpen: false
});
ymaps.option.presetStorage.add('custom#active', {
iconLayout: 'default#image',
iconImageHref: 'marker.png',
iconImageSize: [30, 40],
iconImageOffset: [-15, -40],
iconImageClipRect: [
[0, 70],
[30, 110]
],
hideIconOnBalloonOpen: false
});

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

в API написано совсем другое , читаю тут api.yandex.ru/maps/doc/jsapi/2.0/dg/concepts/geoob... , пытаюсь добавлять iconImageHref ничего не выходит =( не пойму что не так делаю

[Евгений Петров]

@QTnub вы для начала определитесь, какую версию подключаете. Мой код предназначен для 2.1. А вы приводите ссылки на 2.0. Понимаете разницу?

Вот пример

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

да , позже я обратил внимание , но суть не в этом, я не пойму как мне это применить в этом примере , точки у меня формируются так

massive_adres.each(function(i){
var objects = ymaps.geoQuery(ymaps.geocode($(this).text()))

.addToMap(myMap);
});

куда это тут вставить ? как в примере сделать у меня получилось , а как тут не разберусь никак , тут я так понимаю это точка на карте .addToMap(myMap); вот и как ей прописать картинку для балуна, я пробовал добавлять что то типа

.addToMap(myMap, {}, {
iconLayout: 'default#image',
iconImageHref: 'examples/maps/ru/icon_customImage/images/myIcon.gif',
// Размеры метки.
iconImageSize: [30, 42],
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки).
iconImageOffset: [-3, -42]
})

но не работает

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

help

Answer 3

[Евгений Петров]

Как ассинхронно сменить картинку у маркера на яндекс картах?