您的位置:首頁>正文

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

最後, 出效果了如下:

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示