일반

vuejs Tmap is not defined 에러

  • 2022-10-17 17:08:21
  • 조회1662
  • 댓글1

Tmapv2가 콘솔에 undefined라고 나오네요

도움 부탁드립니다.


콘솔 =>

error in mounted hook: "ReferenceError: Tmapv2 is not defined


소스=> 

<template>

  <div>

    Navigator1

    <div id="map_div"></div>

  </div>

</template>


<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script src="https://apis.openapi.sk.com/tmap/jsv2?version=1&appKey=앱키입력하였음"></script>

<script>

export default {

  name: 'Navigator',

  props:{

  },

  data() {

    var map

    var markerInfo

    //출발지,도착지 마커

    var marker_s, marker_e, marker_p

    //경로그림정보

    var drawInfoArr = []

    var drawInfoArr2 = []


    var chktraffic = []

    var resultdrawArr = []

    var resultMarkerArr = []

    const { Tmapv2 } = window

    return {

      map,

      markerInfo,

      marker_s, marker_e, marker_p,

      drawInfoArr,

      drawInfoArr2,

      chktraffic,

      resultdrawArr,

      resultMarkerArr,

      Tmapv2

    }

  },

  mounted() {

    this.initTmap()

  },

  created(){


  },

  methods: {

    initTmap(){

      console.log('init Tmap...')

      this.map = new Tmapv2.Map('map_div', {

        center: new Tmapv2.LatLng(37.49241689559544, 127.03171389453507),

        width: '100vh',

        height: '100vw',

        zoom: 11,

        zoomControl: true,

        scrollwheel: true

      })

    }

  }

}

</script>

1