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裡面使用代碼如下：

最後，出效果了如下：

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！