Несколько яндекс карт на одной странице с вызовом при клике по классу?

Question

[0348raven]

Внутри большого (даже неограниченного) количества табов есть карта, инициализирую:

ymaps.ready(function(){

        $('.tab-item').click(function(){

            var myMap;
            initYaMap();

            myMap = new ymaps.Map(document.getElementsByClassName('tracking-map__yandex-map'), {
                center: [53.35, 83.73],
                zoom: 4
            });

        });

    });

    function initYaMap () {

    }

id использовать нельзя. Полагаю, что нужно вместо строки передавать найденный элемент по принципу $('.classname')[0]
Но ничего не выходит. Может кто-нибудь сталкивался? Есть ли решение данного вопроса, с API знаком, не нужно ссылок на него, я стремлюсь решить задачу, я не прошу кого-то погуглить вместо меня.

Answer 1

[dom1n1k]

Переменная myMap должна быть массивом.
Причем я бы там хранил не только ссылку на саму карту, но и ссылку на её таб и ещё какую-то подобную информацию.

Comments

[0348raven]

а инициализировать как?

[dom1n1k]

Как-то примерно так:
myMap = [];
myMap.push({
map: new ymaps.Map(...),
tab: ...,
})