diff --git a/src/components/map/mapbox/draw/LanncDraw.js b/src/components/map/mapbox/draw/LanncDraw.js
index e39c3db..9c05ee3 100644
--- a/src/components/map/mapbox/draw/LanncDraw.js
+++ b/src/components/map/mapbox/draw/LanncDraw.js
@@ -55,7 +55,12 @@ export const LanncDraw = props => {
let dragCircleIdx;
useEffect(() => {
- if (mapControl.drawType && detailLayer) drawInit();
+ const areaType = props.areaCoordList[0].areaType;
+ const drawType = mapControl.drawType;
+
+ if (areaType !== drawType && detailLayer) {
+ drawInit();
+ }
}, [mapControl.drawType, detailLayer]);
useEffect(() => {
diff --git a/src/views/laanc/FlightArea.js b/src/views/laanc/FlightArea.js
index b12afe7..48e73af 100644
--- a/src/views/laanc/FlightArea.js
+++ b/src/views/laanc/FlightArea.js
@@ -159,10 +159,9 @@ export default function FlightArea({ centeredModal, setCenteredModal }) {
// const ele = document.getElementById('mapboxgl-popup');
// const eleArr = Array.from(ele);
// eleArr?.forEach(marker => marker.remove());
-
- mapObject.setPaintProperty('waypoint', 'circle-radius', 10);
- mapObject.getSource('preview').setData(previewGeo);
}
+ mapObject.setPaintProperty('waypoint', 'circle-radius', 10);
+ mapObject.getSource('preview').setData(previewGeo);
}
}
};
diff --git a/src/views/laanc/LaancAreaMap.js b/src/views/laanc/LaancAreaMap.js
index 51048ca..7bf37b3 100644
--- a/src/views/laanc/LaancAreaMap.js
+++ b/src/views/laanc/LaancAreaMap.js
@@ -103,13 +103,13 @@ export default function LaancAreaMap({ centeredModal, mapContainer }) {
};
//지역 검색
- const handlerSearch = async () => {
+ const handlerSearchRes = async () => {
const res = await flightPlanAPI.searchArea({ query: query });
setIsSearch(true);
setSearchRes(res.data.items);
};
- const handlerChange = e => {
+ const handlerSearchChange = e => {
const { name, value } = e.target;
if (name == 'searchInput') {
@@ -117,13 +117,13 @@ export default function LaancAreaMap({ centeredModal, mapContainer }) {
}
};
- const handlerEnter = e => {
+ const handlerSearchEnter = e => {
if (e.key == 'Enter') {
- handlerSearch();
+ handlerSearchRes();
}
};
- const handlerCoord = (mapx, mapy) => {
+ const handlerSearchCoord = (mapx, mapy) => {
const numberString = [mapx, mapy];
const latlng = [];
@@ -220,7 +220,7 @@ export default function LaancAreaMap({ centeredModal, mapContainer }) {