小地图

src/views/map-config/mini-map/MapBase/KonvaMap.vue

@@ -114,6 +114,7 @@
 
   const transformerConfig = ref({ keepRatio: true, rotateAnchorOffset: 30 });
 
+  //背景大小变换
   const resizeContainer = (width, height) => {
     stageConfig.value.width = width;
     stageConfig.value.height = height;
@@ -128,6 +129,7 @@
     image: favoritesImg,
   });
 
+  //取消
   const handleMouseOver = (e) => {
     document.oncontextmenu = () => {
       return false;
@@ -162,6 +164,7 @@
       }
     }
   };
+  // 还原浏览器默认鼠标事件
   const handleMouseLeave = () => {
     document.oncontextmenu = () => {
       return true;
@@ -180,6 +183,7 @@
       return false;
     };
     const parent = e.target.parent;
+    //判断是否点击相机组
     if (parent.hasName('group')) {
       lastClickedGroupId.value = parent.id();
       // 判断是否为右键点击
@@ -208,6 +212,7 @@
     transformerNode.moveToTop();
   };
 
+  //添加相机
   const addCamera = (id: string) => {
     const existingCamera = cameras.value.find((camera) => camera.id === id);
     if (existingCamera) return;
@@ -240,6 +245,7 @@
     }
   };
 
+  //设置默认相机
   const setDefaultCamera = () => {
     //选中的相机id号
     defaultCameraId.value = lastClickedGroupId.value!;
@@ -269,6 +275,7 @@
     { immediate: true, deep: true },
   );
 
+  //添加背景
   const addBg = (imgBg) => {
     bgImgUrl.value = imgBg;
     bgImg.src = urlJoin(globSetting.imgUrl!, imgBg) as string;
@@ -279,6 +286,7 @@
     };
   };
 
+  //保存布局
   const saveLayout = () => {
     const stage = transformer.value.getNode().getStage();
     const groups = stage.find('.group');