vue中使用腾讯地图，marker的icon设置失败

Question

在vue中引用了腾讯地图，在地图中标一个点
代码如下

var map = new qq.maps.Map(document.getElementById("map"), {
                // 地图的中心地理坐标。
                center: new qq.maps.LatLng(39.916527, 116.397128),
                 zoom: 6
            });
             //设置起点
              let anchor1 = new qq.maps.Point(6, 6);
              let size1 = new qq.maps.Size(24, 24);
              let origin1 = new qq.maps.Point(0, 0);
              let icon1 = new qq.maps.MarkerImage('../../assets/btnx.png', size1, origin1, anchor1);
              let start=vm.latlng.start.latlng.split(',');
              var marker = new qq.maps.Marker({               
                     map: map,
                     position:new qq.maps.LatLng(start[0],start[1]),
               });
              marker.setIcon(icon1);
              
          

发现地图中并没有标有任何点

但是注掉

marker.setIcon(icon1);

就是并不设置icon的时候就会出现所标的点

图片的路径并没有错误，请问这是为什么呢？如何解决呢？

Answer 1

问题解决，路径引用要写成static/btnx.png

Answer 2

把btnx.png放到public文件夹里(vue-cli2创的项目是static文件夹)
public文件夹使用方法(static使用方法相同)