Как использовать одну карту 2GIS дважды на странице SPA Vue?

Question

[danilr]

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

<div class="map-wrapper">
        <div ref="cap" style="width:100%; height:100%"></div>
    </div>
</div>
</template>

<script>
import DG from '2gis-maps'
// var DG = require('2gis-maps')
export default {
    data(){
        return{
            map: null
        }
    },
    mounted(){
            this.map = new DG.map(this.$refs.cap, {
                center: [54.966613, 73.439596],
                zoom: 13,
                // zoomControl: false,
                minZoom: 10,
                fullscreenControl: false,
                scrollWheelZoom: false
            });
            var myDivIcon = DG.divIcon({
                iconSize: [57, 77],
                className: "marker-custom",
                iconAnchor: [28.5, 70],
                html: '<img class="marker-img" src="/img/marker.svg">'

            });
            DG.marker([54.966613, 73.439596], {
                icon: myDivIcon
            }).addTo(this.map);
            // DG.control.zoom({position: 'bottomleft'}).addTo(map);
    },
  beforeDestroy () {
    if (this.map) this.map.remove()
  }
}

Если id вместо ref прописывать, то ошибка другая -