vue加载腾讯地图

 

html片段：

<div id="container" style="width:500px;height:500px">
</div>

vue-js方法：

 methods:{
        // 初始化地图组件
        initMap() {
          //定义地图中心点坐标
          var center = new TMap.LatLng(45.072433, 125.926141)
          //定义map变量，调用 TMap.Map() 构造函数创建地图
          var map = new TMap.Map(document.getElementById('container'), {
            center: center,//设置地图中心点坐标
            zoom: 10,   //设置地图缩放级别
            pitch: 43.5,  //设置俯仰角
            rotation: 45    //设置地图旋转角度
          });
        },

},
mounted(){
          this.initMap()
}