diff --git a/src/components/basis/flight/plan/FlightPlanAreaMap.js b/src/components/basis/flight/plan/FlightPlanAreaMap.js index 3def08b9..d813404c 100644 --- a/src/components/basis/flight/plan/FlightPlanAreaMap.js +++ b/src/components/basis/flight/plan/FlightPlanAreaMap.js @@ -1,6 +1,17 @@ import React, { useEffect, useState } from 'react'; -import { Card, CardBody, Button, Input, Row, Col, InputGroup, InputGroupAddon, InputGroupText, FormGroup } from 'reactstrap'; -import { Search } from 'react-feather' +import { + Card, + CardBody, + Button, + Input, + Row, + Col, + InputGroup, + InputGroupAddon, + InputGroupText, + FormGroup +} from 'reactstrap'; +import { Key, Search } from 'react-feather'; import { useDispatch, useSelector } from 'react-redux'; import { FeatureAirZone } from '../../../map/naver/feature/FeatureAirZone'; import { @@ -146,7 +157,7 @@ const FlightPlanAreaMap = props => { }; const handleSearch = async () => { - const res = await flightPlanAPI.searchArea({query: query}); + const res = await flightPlanAPI.searchArea({ query: query }); setIsSearch(true); setSearchRes(res.data.items); }; @@ -160,17 +171,19 @@ const FlightPlanAreaMap = props => { }; const handleCoord = (mapx, mapy) => { - let utmk = naver.maps.TransCoord.fromTM128ToUTMK(naver.maps.Point(mapx, mapy)); + let utmk = naver.maps.TransCoord.fromTM128ToUTMK( + naver.maps.Point(mapx, mapy) + ); let latlng = naver.maps.TransCoord.fromUTMKToLatLng(utmk); setIsSearch(false); - + let options = { duration: 800, easing: 'easeOutCubic' - } - map.morph(latlng, 16, options) - } + }; + map.morph(latlng, 16, options); + }; const handleEnter = e => { if (e.key == 'Enter') { @@ -209,10 +222,7 @@ const FlightPlanAreaMap = props => { - + { id='searchInput' name='searchInput' bsSize='sm' - autocomplete='off' + autoComplete='off' placeholder='검색명을 입력하세요.' onChange={handleChange} onKeyPress={handleEnter} @@ -228,15 +238,16 @@ const FlightPlanAreaMap = props => {
@@ -282,8 +291,6 @@ const FlightPlanAreaMap = props => { 검색 */} - -