|
|
|
@ -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> |
|
|
|
|
|
|
|
|
|