为 marzipano paranoma 添加可拖动标记

如何解决为 marzipano paranoma 添加可拖动标记

我在我的 angular 应用程序中集成了 marzipano，我在其中创建了特定位置的游览，同时添加游览，我想在 paranoma 图像中标记任何地点，为此我需要可拖动标记，用户可以从中将标记移动到 paranoma 视图在杏仁糖。

    var viewer = new Marzipano.Viewer(document.getElementById('pano'));

    var source = Marzipano.ImageUrlSource.fromString(
        "../../../../assets/images/DJI_0355-Panorama1_V2.jpg"
      
    );

    // Create geometry.
    var geometry = new Marzipano.EquirectGeometry([{ width: 4000 }]);

    // Create view.
    var limiter = Marzipano.RectilinearView.limit.Traditional(1024,100 * Math.PI / 180);
    var view = new Marzipano.RectilinearView({ yaw: Math.PI },limiter);

    // Create scene.
    var scene = viewer.createScene({
        source: source,geometry: geometry,view: view,pinFirstLevel: true
    });

    // display scene.
    scene.switchTo();

    scene.hotspotContainer().createHotspot(document.querySelector("#info"),{ yaw: -2.93,pitch: -0.15 });

这是我在组件加载和html视图文件中添加的代码片段，我在下面添加了代码

<div id="pano">
 </div>
 <div id="info">
   <div class="add-marker">
    <button class="marker-ic">
       <img class="img-marker" src="../../../../assets/images/maps-and-flags.svg">
    </button>
   </div>
</div>

我能够使用上面的代码在偏执中找到热点标记，但无法找到一种方法使标记在偏执中可拖动，任何人都可以帮我解决这个问题。 提前致谢