前端 vue.js vue2使用腾讯地图总结

vue2引入腾讯地图(JavaScript API V2)：

同步：

在index.html页面添加，在页面就可以直接使用

异步：

新建 在 src/utils文件下新建 txMap.js

export default {

init: function () {

const mapUrl = "https://map.qq.com/api/js?v=2.exp&key=给的key值&callback=onMapCallback";

return new Promise((resolve) => {

// 地图异步加载回调处理

window.onMapCallback = function () {

resolve(qq.maps);

};

let scriptLabel = document.createElement("script");

scriptLabel.setAttribute("type", "text/javascript");

scriptLabel.setAttribute("src", mapUrl);

document.body.appendChild(scriptLabel);

});

}

}

在页面中使用：

（基础的覆盖物和基础参数）

开发文档： JavaScript API | 腾讯位置服务

参数具体使用看 参考手册(很详细)

文章链接

 您阅读本篇文章共花了：