webpack构建的VUE单页应用怎么引入腾讯地图API？

Question

开发公众号页面，需求需要获取位置信息并且将其转化为具体的位置信息，因此需要引入腾讯地图的api进行坐标转换，代码如下：

//在index.html中引入了api的js文件
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=xxxxxxxxxx"></script>
//在webpack.base.config.js中引用
externals: {
        'wx': 'jWeixin',
        'map': 'QMap'
    }
    
//页面中调用如下：
 init() {
        //定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
         var map = new map.Map(document.getElementById("container"), {
            center: new map.LatLng(39.916527,116.397128),      // 地图的中心地理坐标。
            zoom:8                                                 // 地图的中心地理坐标。
        });
    }    

可是运行的时候一堆错

里面说网络问题，但是我不知道是不是确实是因为网络过慢引起的，求大神指路！

Answer 1

把js放到 onload后再试试