|
|
@ -4,8 +4,13 @@ import { useState } from 'react'; |
|
|
|
import { flightPlanAPI } from '../../../modules/basis/flight/apis/basisFlightApi'; |
|
|
|
import { flightPlanAPI } from '../../../modules/basis/flight/apis/basisFlightApi'; |
|
|
|
|
|
|
|
|
|
|
|
export default function LaancMapSearch({ mapObject }) { |
|
|
|
export default function LaancMapSearch({ mapObject }) { |
|
|
|
|
|
|
|
// 검색어
|
|
|
|
const [query, setQuery] = useState(''); |
|
|
|
const [query, setQuery] = useState(''); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 검색 결과
|
|
|
|
const [searchRes, setSearchRes] = useState([]); |
|
|
|
const [searchRes, setSearchRes] = useState([]); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 검색 여부
|
|
|
|
const [isSearch, setIsSearch] = useState(false); |
|
|
|
const [isSearch, setIsSearch] = useState(false); |
|
|
|
|
|
|
|
|
|
|
|
// 지역 검색
|
|
|
|
// 지역 검색
|
|
|
@ -15,6 +20,7 @@ export default function LaancMapSearch({ mapObject }) { |
|
|
|
setSearchRes(res.data.items); |
|
|
|
setSearchRes(res.data.items); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 검색어 저장
|
|
|
|
const handlerSearchChange = e => { |
|
|
|
const handlerSearchChange = e => { |
|
|
|
const { name, value } = e.target; |
|
|
|
const { name, value } = e.target; |
|
|
|
|
|
|
|
|
|
|
@ -23,12 +29,14 @@ export default function LaancMapSearch({ mapObject }) { |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 지역 검색 후 엔터 키
|
|
|
|
const handlerSearchEnter = e => { |
|
|
|
const handlerSearchEnter = e => { |
|
|
|
if (e.key == 'Enter') { |
|
|
|
if (e.key == 'Enter') { |
|
|
|
handlerSearchRes(); |
|
|
|
handlerSearchRes(); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 해당 좌표로 지도 이동
|
|
|
|
const handlerSearchCoord = (mapx, mapy) => { |
|
|
|
const handlerSearchCoord = (mapx, mapy) => { |
|
|
|
const numberString = [mapx, mapy]; |
|
|
|
const numberString = [mapx, mapy]; |
|
|
|
const latlng = []; |
|
|
|
const latlng = []; |
|
|
|