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 }) { - +
@@ -246,7 +246,7 @@ export default function LaancAreaMap({ centeredModal, mapContainer }) {
  • - handlerCoord(search.mapx, search.mapy) + handlerSearchCoord(search.mapx, search.mapy) } >