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后再试试

Answer 2

我发现直接在index.html中引入js后，不需要到webpack配置文件中去设置，直接在页面中使用api中的实例就可以了。

Answer 3

请问你腾讯地图的问题解决了么，，我按照你的方法会提示Map() undefined

Answer 4

因为组件还没挂载吧 写到mounted里面