0

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

Насколько я понял, яндекс API позволяет вызывать ее тольео по id, Значит мне надо как-то параметром передавать этот id. В идеале контейнеру через data-attr надо передавать координаты еще.

До чего дошел сам на данный момент:

$(document).ready(function(){

    $('.carousel-flights-item').click(function(){
        showMap();
        initYaMap ();
        return false;
    });

});

function initYaMap () {

    ymaps.ready(init);
    var myMap;

    function init(){
        myMap = new ymaps.Map ("map", {
            center: [53.35, 83.73],
            zoom: 4
        });
    }

}


<div class="tracking-map">
    <div class="tracking-map__yandex-map" id="map" style="width: 100%; height: 100%"></div>
 </div>

P.S. Если нужна доп информаци или рабочий код, пишите выложу на codepen.

3
  • смысл спрашивать то, на что знаешь ответ? 20 мая 2016 в 9:34
  • @Jean-Claude видимо, чтобы другие кто будет искать, сразу и нашли ответ. Это как задал вопрос, и ответил на него через некоторое время :) 20 мая 2016 в 10:35
  • @ВасилийБарбашев есть проблема на данный момент, при переключении табов предыдущая карта не исчезает(
    – Jarvis
    22 мая 2016 в 6:30

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.