Failed to set the icon of marker using Tencent Map in vue

quotes Tencent Map in vue, and marks a point in the map
code as follows

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);
              
          

found that there are no points on the map

clipboard.png


icon

clipboard.png

The path of the

picture is not wrong. Why? How to solve the problem?

Sep.02,2021

put the btnx.png in the public folder (the project created by vue-cli2 is the static folder)
ide/html-and-static-assets.html-sharppublic-%E6%96%87%E4%BB%B6%E5%A4%B9" rel=" nofollow noreferrer "> public folder (the same way static is used)


problem solving, path reference should be written as static/btnx.png

Menu