@danilr

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

Вынес карту и прилегающий контент в отдельный компонент и использую на разный роутах. Карта отрисовывается на двух страницах как надо, но в консоли пишет ошибку.
5d186d0c32830449843673.png
<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 прописывать, то ошибка другая -
5d186d9ddd72a689528939.png
  • Вопрос задан
  • 488 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы