Есть два блока с одинаковым id карты для веб и мобильной версии, который скрывается display: block. Что сделать что бы работали две карты?

Question

[feelg0od]

Есть скрипт который запускает карту. Есть два блока с одинаковым id карты для веб и мобильной версии, который скрывается display: block.
Работает только 1 карта. Как сделать что бы работали 2?

ymaps.ready(init);

    function init() {
        // Создаем карту.
        var myMap = new ymaps.Map("map", {
            center: [47.287446, 39.747379],
            zoom: 6
        }, {
            searchControlProvider: 'yandex#search'
        });

<div class="section section__web"> 
            <div class="section__map" id="map"></div>
        </div>

        <div class="section section__mobile-only">
            <div class="section__map" id="map"></div>
        </div>

Answer 1

[Алексей Уколов]

Нужно задать блокам уникальные id и инициализировать каждый отдельно.