vue引入天地图

最终效果图：

1、新建一个初始化js（init.js）

在index.html引入js

export default {
  init: function() {
    return new Promise((resolve, reject) => {
      // debugger
      // 如果已加载直接返回
      // 如果已加载直接返回
      if (typeof window.T !== 'undefined') {
        console.log('地图脚本初始化成功1111...')
        resolve(window.T)
        return true
      }
      window.onload = function() {
        console.log('地图脚本初始化成功...')
        // eslint-disable-next-line
        resolve(window.T)
      }

      // // 插入script脚本
      // const scriptNode = document.createElement('script')
      // scriptNode.setAttribute('type', 'text/javascript')
      // scriptNode.setAttribute('src', TMapURL)
      // document.body.appendChild(scriptNode)
    })
  }
}

2、在需要的页面引入js

就可以看到效果了，更多功能可以去天地图官网查看