|
|
|
@ -93,7 +93,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onClickButton = (newMode) => { |
|
|
|
|
console.log('onClickButton'); |
|
|
|
|
//console.log('onClickButton');
|
|
|
|
|
|
|
|
|
|
clearMode(mode); |
|
|
|
|
|
|
|
|
@ -108,12 +108,12 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const clearMode = (mode) => { |
|
|
|
|
console.log('clearMode') |
|
|
|
|
//console.log('clearMode')
|
|
|
|
|
|
|
|
|
|
// if(!mode) return;
|
|
|
|
|
|
|
|
|
|
if (pastPolyline) { |
|
|
|
|
console.log('clear polyline ', pastPolyline) |
|
|
|
|
// console.log('clear polyline ', pastPolyline)
|
|
|
|
|
pastPolyline.setMap(null); |
|
|
|
|
pastDragCircle.forEach(c => c.setMap(null)); |
|
|
|
|
pastBuffer.setMap(null); |
|
|
|
@ -122,14 +122,14 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
setBuffer(); |
|
|
|
|
} |
|
|
|
|
if (pastCircle.length != 0) { |
|
|
|
|
console.log('clear circle ', pastCircle) |
|
|
|
|
//console.log('clear circle ', pastCircle)
|
|
|
|
|
pastCircle.forEach(prev => prev.setMap(null)) |
|
|
|
|
naver.maps.Event.removeListener(pastClickEve); |
|
|
|
|
|
|
|
|
|
setCircle([]); |
|
|
|
|
} |
|
|
|
|
if (pastPolygon) { |
|
|
|
|
console.log('clear polygon ', pastPolygon) |
|
|
|
|
// console.log('clear polygon ', pastPolygon)
|
|
|
|
|
pastPolygon.setMap(null); |
|
|
|
|
pastDragCircle.forEach(c => c.setMap(null)); |
|
|
|
|
|
|
|
|
@ -137,7 +137,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
setDragCircle([]); |
|
|
|
|
} |
|
|
|
|
if (pastMarker.length != 0) { |
|
|
|
|
console.log('clear marker ', pastMarker) |
|
|
|
|
// console.log('clear marker ', pastMarker)
|
|
|
|
|
pastMarker.forEach(m => m.setMap(null)) |
|
|
|
|
setMarker([]); |
|
|
|
|
} |
|
|
|
@ -147,7 +147,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const startMode = (mode) => { |
|
|
|
|
console.log('startMode') |
|
|
|
|
// console.log('startMode')
|
|
|
|
|
|
|
|
|
|
if (!mode) return; |
|
|
|
|
|
|
|
|
@ -167,7 +167,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const removeListener = () => { |
|
|
|
|
console.log('removeListener') |
|
|
|
|
// console.log('removeListener')
|
|
|
|
|
|
|
|
|
|
naver.maps.Event.removeListener(Eve.clickEve); |
|
|
|
|
naver.maps.Event.removeListener(pastClickEve); |
|
|
|
@ -179,7 +179,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const finishDraw = () => { |
|
|
|
|
console.log('finishDraw') |
|
|
|
|
//console.log('finishDraw')
|
|
|
|
|
removeListener(); |
|
|
|
|
|
|
|
|
|
if (polyline) { |
|
|
|
@ -242,7 +242,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onClickPolyline = (e) => { |
|
|
|
|
console.log('onClickPolyline') |
|
|
|
|
//console.log('onClickPolyline')
|
|
|
|
|
var coord = e.coord; |
|
|
|
|
|
|
|
|
|
if (!polyline) { |
|
|
|
@ -285,7 +285,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onMouseMovePolyline = (e) => { |
|
|
|
|
console.log('onMouseMovePolyline') |
|
|
|
|
// console.log('onMouseMovePolyline')
|
|
|
|
|
var proj = map.getProjection(), |
|
|
|
|
coord = proj.fromPageXYToCoord(new naver.maps.Point(e.pageX, e.pageY)), |
|
|
|
|
path = guideline.getPath(); |
|
|
|
@ -298,7 +298,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onClickPolygon = (e) => { |
|
|
|
|
console.log('onClickPolygon') |
|
|
|
|
// console.log('onClickPolygon')
|
|
|
|
|
var coord = e.coord; |
|
|
|
|
// let guide;
|
|
|
|
|
|
|
|
|
@ -340,7 +340,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onMouseMovePolygon = (e) => { |
|
|
|
|
console.log('onMouseMovePolygon') |
|
|
|
|
//console.log('onMouseMovePolygon')
|
|
|
|
|
if (!polygon) return; |
|
|
|
|
|
|
|
|
|
var proj = map.getProjection(), |
|
|
|
@ -355,7 +355,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onClickCircle = (e) => { |
|
|
|
|
console.log('onClickCircle') |
|
|
|
|
// console.log('onClickCircle')
|
|
|
|
|
var coord = e.coord; |
|
|
|
|
|
|
|
|
|
if(!circle) { |
|
|
|
@ -393,7 +393,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onMouseDownDrag = (index) => { |
|
|
|
|
console.log('onMouseDownDrag') |
|
|
|
|
// console.log('onMouseDownDrag')
|
|
|
|
|
|
|
|
|
|
map.setOptions({ |
|
|
|
|
draggable: false, |
|
|
|
@ -414,7 +414,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onMouseMoveDrag = (e, index) => { |
|
|
|
|
console.log('onMouseMoveDrag') |
|
|
|
|
//console.log('onMouseMoveDrag')
|
|
|
|
|
|
|
|
|
|
var proj = map.getProjection(), |
|
|
|
|
coord = proj.fromPageXYToCoord(new naver.maps.Point(e.pageX, e.pageY)); |
|
|
|
@ -463,7 +463,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onMouseUpDrag = (index) => { |
|
|
|
|
console.log('onMouseUpDrag') |
|
|
|
|
// console.log('onMouseUpDrag')
|
|
|
|
|
|
|
|
|
|
map.setOptions({ |
|
|
|
|
draggable: true, |
|
|
|
@ -578,7 +578,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const onClickReset = () => { |
|
|
|
|
console.log('onClickRest - ', mapControl.drawType); |
|
|
|
|
// console.log('onClickRest - ', mapControl.drawType);
|
|
|
|
|
if (mapControl.drawType === 'RESET') { |
|
|
|
|
clearMode('RESET'); |
|
|
|
|
} |
|
|
|
@ -586,7 +586,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
|
|
|
|
|
const handleDetailDraw = () => { |
|
|
|
|
if (props.areaCoordList) { |
|
|
|
|
console.log('handleDetailDraw')
|
|
|
|
|
// console.log('handleDetailDraw')
|
|
|
|
|
|
|
|
|
|
const areas = props.areaCoordList[0]; |
|
|
|
|
|
|
|
|
@ -645,7 +645,7 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
|
|
|
|
|
bufferPaths.push(path); |
|
|
|
|
}); |
|
|
|
|
console.log('buffer test : ',areas.bufferCoordList); |
|
|
|
|
// console.log('buffer test : ',areas.bufferCoordList);
|
|
|
|
|
|
|
|
|
|
if(pastBuffer) { |
|
|
|
|
pastBuffer.setMap(null); |
|
|
|
|