export default class MarkGraph extends Tool 

// viewer基础的交互事件
viewer.addInput(new Modelo.View.Input.Mouse(viewer));
viewer.addInput(new Modelo.View.Input.Keyboard(viewer));

// 标记的工具
var markGraph = new Modelo.View.Tool.MarkGraph(viewer);
// 位置编辑控件
var gizmo = new Modelo.View.Tool.TransformGizmo(viewer);

// 添加tool到viewer
viewer.addTool(markGraph);
viewer.addTool(gizmo);
// 开启标绘功能
markGraph.setEnabled(true);

viewer.loadModel(modelId, ()=>{}.then(() => {
    // 监听标绘的创建
    viewer.getEventEmitter().on("MarkGraph-Created", function(id){
    console.log('create mark success: ' + id);
  });

   // 监听标绘的删除
  viewer.getEventEmitter().on("MarkGraph-Removed", function(id){
    console.log('delete mark: ' + id);
  });
})

// 如果想给标绘添加gizemo
document.getElementById("Gizmo").onclick = function(){
  // 获得当前选中的标记（也可以用其它方式）
  let marks = markGraph.getSelectMarks();
  // 这里目前只支持单个mark的gizmo操作
  if(marks[0]){
    useGizmo = !useGizmo;
    gizmo.setDrawable(marks[0].drawable);
  }else{
    useGizmo = false;
  }
  gizmo.setEnabled(useGizmo);
}