百度很多東西, 然後我沒找到騰訊地圖在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裡面使用代碼如下:
最後, 出效果了如下: