如何将dom元素放到marker对象中

marker顶牌两种效果：
1：顶牌总是面向摄像头的（默认会开启精灵材质）；
2：顶牌固定在某个方向和位置（不开启精灵材质）


整体代码：

1. var app = new THING.App({
   
2.     url: 'https://www.thingjs.com/static/models/factory',  // 场景地址
   
3.     background: '#000000',
   
4.     env: 'Seaside',
   
5. });
   
6. var marker
   
7. let name = '叉车'
   
8. 
   
9. 
   
10. THING.Utils.dynamicLoad([
    
11.     '/uploads/wechat/703071/file/marker用html写/index.css',],
    
12.     function () {
    
13.     },
    
14. )
    
15. 
    
16. app.on("load", function () {
    
17.     const markDown = document.createElement('div');
    
18. // 这里的html为 顶牌样式
    
19.     markDown.innerHTML = `
    
20.     <div class='name' id='canvas22' style="">
    
21.         <div class='one'>
    
22.         ${name}
    
23.         <button id='button-2222'>222</button>
    
24.         </div>
    
25.         <div style='width:100%;height:30px;margin-top:20px;'>
    
26.         <div style='width:25px;height:15px;color:#FFFFFF;margin:0px auto;background-image:url("/uploads/wechat/703071/file/marker用html写/img/顶牌_底三角.png");background-size:cover;'>
    
27.         </div>
    
28.     </div>
    
29.     `
    
30.     $('#div3d').append(markDown)
    
31.     marker = app.create({
    
32.         type: 'Marker',
    
33.         name: '叉车顶牌',
    
34.         alwaysOnTop: true,
    
35.         size: 1,
    
36.         parent: app.query("car01")[0],
    
37.       //两种写法：获取dom元素
    
38.         // element:markDown,
    
39.         element: document.getElementById('canvas22'),
    
40.         localPosition: [0, 1, 0],
    
41.         useSpriteMaterial:true, //默认开启精灵材质（始终面向摄像头），
    
42.         complete: function (ev) {
    
43. 
    
44.         }
    
45. })
    
46.     })

复制代码