vue2.0引入腾讯地图

百度很多东西，然后我没找到腾讯地图在VUE2.0里面的引用。于是根据找的其他地图引用资料进行尝试。步骤如下。

首先在src里面建立了TMap.js的文件，内容如下：

 

  export function TMap(key) {
          return new Promise(function (resolve, reject) {
               window.init = function () {
              resolve(qq)//注意这里
         }
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://map.qq.com/api/js?v=2.exp&callback=init&key="+key;
        script.onerror = reject;
        document.head.appendChild(script);
      })
    }

 

然后，直接使用部分代码，我在map.vue里面使用代码如下：

 

最后，出效果了如下：

原文：https://www.cnblogs.com/mrer/p/7144705.html