Почему схлопываются Яндекс Карты?

Добрый день.
Делаю с помощью Framework7 и VueJS приложение для PhoneGap. Понадобилось вставить карту.
Взял плагин https://github.com/PNKBizz/vue-yandex-map и подключил.

<yandex-map
                    :coords="[54.62896654088406, 39.731893822753904]"
                    zoom="10"
                    style="width: 600px; height: 600px;"
                    :behaviors="['ruler']"
                    :controls="['trafficControl']"

                    map-type="map"
            >

            </yandex-map>

такой код создаёт карту на странице, но она генерится нулевой высоты. Если вручную, с помощью инструментов разработчика, двум внутренним блокам увеличить высоту до 600, то получаем следующее: https://yadi.sk/i/jj5eGFAm3Rixze
наконец, если подвигать масштаб в браузере, откроется нормальная карта.
Помогите побороть, и сделать так чтобы сразу открывалась