지도 projection 변경

src/components/basis/flight/plan/FlightPlanAreaMap.js

@@ -52,7 +52,40 @@ const FlightPlanAreaMap = (props) => {
             }
         };    
         
-        setMap(new naver.maps.Map('map', mapOptions));             
+        setMap(new naver.maps.Map('map', mapOptions));
+        
+        // const mapOptions = {
+        //   center: new naver.maps.LatLng(37.520357, 126.610166),
+        //   zoom: 15,
+        //   zoomControl: true,
+        //   zoomControlOptions: {
+        //     position: naver.maps.Position.LEFT_CENTER,
+        //     style: naver.maps.ZoomControlStyle.SMALL
+        //   },
+        //   mapTypeControl: true,
+        //   mapTypeControlOptions: {
+        //     style: naver.maps.MapTypeControlStyle.DROPDOWN
+        //   }
+        // }
+
+        // const openStreetMapType = new naver.maps.ImageMapType({
+        //   name: 'OSM',
+        //   minZoom: 0,
+        //   maxZoom: 19,
+        //   tileSize: new naver.maps.Size(256, 256),
+        //   projection: naver.maps.EPSG3857,
+        //   repeatX: true,
+        //   tileSet: "https://c.tile.openstreetmap.org/{z}/{x}/{y}.png",
+        //   provider: [{
+        //       title: " /OpenStreetMap", // 출처 표기는 이미지 제공처의 정책을 따라야 합니다.
+        //       link: "http://www.openstreetmap.org/copyright"
+        //   }]
+        // })
+
+        // const map = new naver.maps.Map('map', mapOptions);
+        // map.mapTypes.set('osm', openStreetMapType);
+        // map.setMapTypeId('osm');
+        // setMap(map);
     };
 
     const handlerDrawType = val => {
@@ -97,6 +130,12 @@ const FlightPlanAreaMap = (props) => {
                     >
                       초기화
                     </Button.Ripple>
+                    <Button.Ripple
+                      color='primary'
+                      className='area-button'
+                    >
+                      적용
+                    </Button.Ripple>
                   </div>
                 </div>