From 710186424fb36382821dc74c1d9c925389c577f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junh_eee@naver.com>
Date: Sat, 23 Jul 2022 18:22:53 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=8F=84=20projection=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../basis/flight/plan/FlightPlanAreaMap.js    | 41 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/components/basis/flight/plan/FlightPlanAreaMap.js b/src/components/basis/flight/plan/FlightPlanAreaMap.js
index 6750814..45ee1ce 100644
--- a/src/components/basis/flight/plan/FlightPlanAreaMap.js
+++ b/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>