vue使用腾讯地图

最近项目需要使用腾讯地图，使用过程中出了一些小问题，整理一下，后续在慢慢修改

 

根据腾讯地图开放平台提供的例子，改造到vue中使用会报 “TMap” 找不到错误，百度了一下发现需要在前面加一个window，但是依然报错

 

 打印window以后又发现TMap存在

 

 猜想是在vue的mouted生命周期时TMap还没有被加载进去，因此又改造了一下代码

  mounted () {
    if (window.onload) {
      this.initMap()
    } else {
      window.addEventListener('load', () => {
        this.initMap()
      })
    }
  },

  methods: {
    initMap () {
      console.log(window.TMap)
      const center = new window.TMap.LatLng(39.984120, 116.307484)
      this.map = new window.TMap.Map(this.$refs.fengmap, {
        zoom: 13,
        pitch: 43.5,
        rotation: 45,
        center
      })
    }
  }

　　成功