diff --git a/src/components/basis/flight/plan/FlightPlanAreaMap.js b/src/components/basis/flight/plan/FlightPlanAreaMap.js index bd317be..a75ed5a 100644 --- a/src/components/basis/flight/plan/FlightPlanAreaMap.js +++ b/src/components/basis/flight/plan/FlightPlanAreaMap.js @@ -24,18 +24,20 @@ const FlightPlanAreaMap = (props) => { const [mapAreaCoordList, setMapAreaCoordList] = useState(initFlightBas.initDetail.areaList); useEffect(() => { - NaverMapInit(); + NaverMapInit(); }, []); - + useEffect(() => { setIsMapLoad(true); }, [airArea]); + useEffect(() => { ModeInit(); }, [mapControl.drawType]); useEffect(() => { + // NaverMapInit(); setMapAreaCoordList(areaCoordList) }, [areaCoordList]); @@ -44,41 +46,40 @@ const FlightPlanAreaMap = (props) => { setMode(mapControl.drawType) } - //console.log("상현>>",mapAreaCoordList[0].coordList[0].lat); - console.log("상현>>",map); const NaverMapInit = () => { - if(!mapAreaCoordList[0].coordList[0].lat){ - debugger - const mapOptions = { - center: new naver.maps.LatLng(mapAreaCoordList[0].coordList[0].lat, mapAreaCoordList[0].coordList[0].lon), - // center: new naver.maps.LatLng(37.520357, 126.610166), - //center: new naver.maps.LatLng(, ), - // zoom: 10, - zoom: 15, - zoomControl: true, - mapTypeId: naver.maps.MapTypeId.NORMAL, - zoomControlOptions: { - position: naver.maps.Position.LEFT_CENTER, - style: naver.maps.ZoomControlStyle.SMALL + const center = {}; + const bufferzoom ={}; + if(areaCoordList) { + center.lat = areaCoordList[0].coordList[0].lat === 0 ? 37.520357 : areaCoordList[0].coordList[0].lat; + center.lon = areaCoordList[0].coordList[0].lon === 0 ? 126.610166 : areaCoordList[0].coordList[0].lon; + if(areaCoordList[0].bufferZone>=0 && areaCoordList[0].bufferZone<2000){ + bufferzoom.bufferzoom =13; + } + else if(areaCoordList[0].bufferZone>=2000 && areaCoordList[0].bufferZone <5000){ + bufferzoom.bufferzoom =12; + } + else if(areaCoordList[0].bufferZone>=5000 && areaCoordList[0].bufferZone <=9000){ + bufferzoom.bufferzoom =11; + } + else{ + bufferzoom.bufferzoom =10; + } + } + console.log("bufferzoom>>",bufferzoom); + console.log(center); + const mapOptions2 = { + // center: new naver.maps.LatLng(36.56793936069445, 127.85101412107547), + center: new naver.maps.LatLng(center.lat, center.lon), + // zoom: 10, + zoom: bufferzoom.bufferzoom, + zoomControl: true, + mapTypeId: naver.maps.MapTypeId.NORMAL, + zoomControlOptions: { + position: naver.maps.Position.LEFT_CENTER, + style: naver.maps.ZoomControlStyle.SMALL } - }; - setMap(new naver.maps.Map('map', mapOptions)); - } - else if(!(mapAreaCoordList[0].coordList[0].lat)){ - debugger - const mapOptions = { - // center: new naver.maps.LatLng(36.56793936069445, 127.85101412107547), - center: new naver.maps.LatLng(37.520357, 126.610166), - // zoom: 10, - zoom: 15, - zoomControl: true, - mapTypeId: naver.maps.MapTypeId.NORMAL, - zoomControlOptions: { - position: naver.maps.Position.LEFT_CENTER, - style: naver.maps.ZoomControlStyle.SMALL - } - }; - setMap(new naver.maps.Map('map', mapOptions)); + }; + setMap(new naver.maps.Map('map', mapOptions2)); } } const handlerDrawType = val => {