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

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,6 +399,7 @@ export default function LaancAreaMap({
                   className='coords-box'
                   key={i}
                   onClick={() => {
+                    if (!isDrag) {
                       const allObj = drawObj
                         .getAll()
                         .features.filter(
@@ -401,6 +409,7 @@ export default function LaancAreaMap({
                       drawObj.changeMode('direct_select', {
                         featureId: allObj[i].id
                       });
+                    }
                   }}
                 >
                   <div>