引入腾讯地图

查看本地电脑vue版本

index.html加入相关链接

v=4.exp要改为本地电脑vue对应版本，以下代码块中是把引入地图及绘制功能的链接都一并加入了，可自行查询相关功能应加入哪些相关链接。

  <script src="https://map.qq.com/api/gljs?v=4.exp&key=密钥&libraries=tools"></script>
  <script charset="utf-8" src="https://map.qq.com/api/gljs?libraries=tools&v=4.exp&key=密钥"></script>
  <script charset="utf-8"
        src="https://map.qq.com/api/js?v=4.exp&key=密钥&libraries=drawing,geometry"></script>
  <script charset="utf-8" src="https://map.qq.com/api/js?v=4.exp&key=密钥&libraries=drawing"></script>

查看vue版本

// 地图初始化
init() {
  map = new qq.maps.Map(document.getElementById("container"), {
  // 地图的中心地理坐标。
     center: new qq.maps.LatLng(this.baseCoordinates[0],this.baseCoordinates[1]),
     zoom: this.baseZoom
  });
},

效果图