What could be the problem with 2gis map initialization for vue?

Question

Vue.js

API is registered in head

<script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>

Prescribing a card

<div ref="cap" style="width:100%; height:100%"></div>

Initialization:

import DG from '2gis-maps'
    export default {
        data(){
            return{
                map: null
            }
        },
        mounted(){
            this.map = new DG.map(this.$refs.cap, {
                center: [36.165658, 51.801861],
                zoom: 13,
                minZoom: 10,
                fullscreenControl: false
            });
            DG.marker([36.165658, 51.801861], {
            }).addTo(this.map);
        },
        beforeDestroy () {
            if (this.map) this.map.remove()
        }
    }

The element is written but empty.

Answer 1

There is no guarantee that by the time your component is mounted, the 2GIS API will be loaded. So code located in mounted should be wrapped in DG.then.