|
|
|
@ -6,9 +6,11 @@ import NaverMapControl from './NaverMapControl';
|
|
|
|
|
import { NaverMapSearch } from './search/NaverMapSearch'; |
|
|
|
|
import { FeatureAirZone } from './feature/FeatureAirZone'; |
|
|
|
|
import geoJson from '../geojson/airArea.json'; |
|
|
|
|
import testJosn from '../geojson/airTest.json'; |
|
|
|
|
import { controlGroupAuthAction } from '../../../modules/control/gp'; |
|
|
|
|
import DronPlan from './dron/DronPlan'; |
|
|
|
|
import DronToast from './dron/DronToast'; |
|
|
|
|
import SensorZone from './sensor/SensorZone'; |
|
|
|
|
|
|
|
|
|
export const NaverCustomMap = () => { |
|
|
|
|
const dispatch = useDispatch(); |
|
|
|
@ -18,13 +20,13 @@ export const NaverCustomMap = () => {
|
|
|
|
|
const [arrPolyline, setArrPolyline] = useState([]); |
|
|
|
|
|
|
|
|
|
let features = geoJson.features; |
|
|
|
|
let test = testJosn.features; |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
NaverMapInit(); |
|
|
|
|
dispatch(controlGroupAuthAction.request()); |
|
|
|
|
}, []); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const NaverMapInit = () => { |
|
|
|
|
const mapOptions = { |
|
|
|
|
center: new naver.maps.LatLng(37.520357, 126.610166), |
|
|
|
@ -43,24 +45,18 @@ export const NaverCustomMap = () => {
|
|
|
|
|
setMapObject(new naver.maps.Map('map', mapOptions)); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const handleHistoryInit = (line) => { |
|
|
|
|
setArrPolyline([...arrPolyline, line]) |
|
|
|
|
} |
|
|
|
|
const handleHistoryInit = line => { |
|
|
|
|
setArrPolyline([...arrPolyline, line]); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<> |
|
|
|
|
<div id='map' style={{ width: '100%', height: '100vh' }}></div> |
|
|
|
|
{mapObject != null ? ( |
|
|
|
|
<> |
|
|
|
|
<DronMarker |
|
|
|
|
map={mapObject} |
|
|
|
|
naver={naver} |
|
|
|
|
/> |
|
|
|
|
<DronMarker map={mapObject} naver={naver} /> |
|
|
|
|
|
|
|
|
|
<DronPlan |
|
|
|
|
map={mapObject} |
|
|
|
|
naver={naver} |
|
|
|
|
/> |
|
|
|
|
<DronPlan map={mapObject} naver={naver} /> |
|
|
|
|
|
|
|
|
|
<NaverMapControl map={mapObject} /> |
|
|
|
|
|
|
|
|
@ -73,7 +69,12 @@ export const NaverCustomMap = () => {
|
|
|
|
|
|
|
|
|
|
<DronToast /> |
|
|
|
|
|
|
|
|
|
<FeatureAirZone map={mapObject} naver={naver} features={features} /> |
|
|
|
|
<FeatureAirZone |
|
|
|
|
map={mapObject} |
|
|
|
|
naver={naver} |
|
|
|
|
features={features} |
|
|
|
|
test={test} |
|
|
|
|
/> |
|
|
|
|
{/* <NaverMapSearch map={mapObject} naver={naver} /> */} |
|
|
|
|
{/* <SensorZone map={mapObject} naver={naver} /> */} |
|
|
|
|
</> |
|
|
|
|