비행구역 좌표정보창 마우스 드래그 포인터 추가

src/components/laanc/map/LaancAreaMap.js

@@ -361,6 +361,11 @@ export default function LaancAreaMap({
   };
 
   const onMouseUp = e => {
+    e.preventDefault();
+    setIsDrag(false);
+  };
+
+  const onMouseLeave = () => {
     setIsDrag(false);
   };
 
@@ -371,10 +376,12 @@ export default function LaancAreaMap({
           <LaancMapSearch mapObject={mapObject} />
           <div
             className='d-flex coords-wrap'
+            style={{ cursor: isDrag ? 'pointer' : 'default' }}
             ref={scrollRef}
             onMouseDown={onMouseDown}
             onMouseMove={isDrag ? throttle(onMouseMove, 50) : null}
             onMouseUp={onMouseUp}
+            onMouseLeave={onMouseLeave}
           >
             {viewCoordObj?.map((obj, i) => {
               let coord =
@@ -392,15 +399,17 @@ export default function LaancAreaMap({
                   className='coords-box'
                   key={i}
                   onClick={() => {
-                    const allObj = drawObj
+                    if (!isDrag) {
-                      .getAll()
+                      const allObj = drawObj
-                      .features.filter(
+                        .getAll()
-                        o => o.properties.id !== 'BUFFER' && o.properties.id
+                        .features.filter(
-                      );
+                          o => o.properties.id !== 'BUFFER' && o.properties.id
-
+                        );
-                    drawObj.changeMode('direct_select', {
+
-                      featureId: allObj[i].id
+                      drawObj.changeMode('direct_select', {
-                    });
+                        featureId: allObj[i].id
+                      });
+                    }
                   }}
                 >
                   <div>