Как изменить отображение позиции Яндекс.Карты по клику?

Question

[run182]

На странице стоит компонента битрикса с яндекс картой. Нужно по клику на кнопке передать карте другие координаты и отобразить их. Как это можно сделать с помощью АПИ?
Начал с этого, дальше не знаю как сделать правильно. Прошу помощи.

$(document).on('change','#himki',function(){

});

Comments

[Kovalsky]

Как раз тот случай, когда документации достаточно, нет?

[run182]

Никита Полевой: в консоли - Uncaught ReferenceError: myMap is not defined

$("#msk").change(function() {
			myMap.setCenter([40, 50], 3, {
				checkZoomRange: true
			});
		});

в компоненте битрикса стоит id карты #yandex_map

[Kovalsky]

run182: ну тут уж я вам никак не смогу помочь, это можно сделать только имея доступ к объекту карты. Можете например поискать в коде создание карты (new ymaps.Map) и использовать идентификатор предшествовавший этой конструкции.

Вероятно можно и страшнее - при загрузке декорировать ymaps.Map, чтобы она сохраняла все созданные карты куда-то, а потом использовать их.

Answer 1

[Kovalsky]

Вообще обычно ссылки на объекты карт всё таки сохраняются, чтобы их можно было использовать, вот как в вашем случае. Но если их нет, то можно попробовать декорировать конструктор и сохранять эти ссылки например в объекте целевого элемента, как-то так:

ymaps.ready(function() {
    const old_Map = ymaps.Map;
    
    ymaps.Map = function() {
        var args = Array.prototype.slice.call(arguments);
        
        args.unshift(0);

        var obj = new (Function.prototype.bind.apply(old_Map, args));

        document.getElementById(args[1]).yaMap = obj;
        return obj;
    }
});

После чего вы можете обратиться к объекту карты так:

document.getElementById('himki').yaMap

Вот пример, в котором ymaps.Map декорируется, создаётся объект карты, после чего мы к нему обращаемся и в качестве примера центрируем карту на какой-нибудь другой точке. Декоратор нужно выполнять строго сразу после загрузки скрипта Yandex Maps API и в первую очередь по событию ready для ymaps.