|
|
@ -222,10 +222,14 @@ export const FlightPlanDraw = props => { |
|
|
|
setMarker(distanceMarker); |
|
|
|
setMarker(distanceMarker); |
|
|
|
distanceMarker.forEach(c => c.setMap(null)) |
|
|
|
distanceMarker.forEach(c => c.setMap(null)) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(polygonpaths.length >= 3) { |
|
|
|
setPolygon(polygon); |
|
|
|
setPolygon(polygon); |
|
|
|
setAreaInfo(polygonpaths); |
|
|
|
setAreaInfo(polygonpaths); |
|
|
|
|
|
|
|
} else { |
|
|
|
polygon.setMap(null) |
|
|
|
polygon.setMap(null) |
|
|
|
|
|
|
|
polygon = ''; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
setFigure(polygon) |
|
|
|
setFigure(polygon) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -249,9 +253,9 @@ export const FlightPlanDraw = props => { |
|
|
|
polyline = new naver.maps.Polyline({ |
|
|
|
polyline = new naver.maps.Polyline({ |
|
|
|
strokeLineCap: 'round', |
|
|
|
strokeLineCap: 'round', |
|
|
|
strokeLineJoin: 'round', |
|
|
|
strokeLineJoin: 'round', |
|
|
|
// strokeColor: '#283046',
|
|
|
|
strokeColor: '#283046', |
|
|
|
strokeColor: '#ff0000', |
|
|
|
// strokeColor: '#ff0000',
|
|
|
|
// strokeWeight: 3,
|
|
|
|
strokeWeight: 1, |
|
|
|
strokeOpacity: 1, |
|
|
|
strokeOpacity: 1, |
|
|
|
path: [coord], |
|
|
|
path: [coord], |
|
|
|
map: map |
|
|
|
map: map |
|
|
@ -656,7 +660,7 @@ export const FlightPlanDraw = props => { |
|
|
|
new naver.maps.Marker({ |
|
|
|
new naver.maps.Marker({ |
|
|
|
position: paths[i], |
|
|
|
position: paths[i], |
|
|
|
icon: { |
|
|
|
icon: { |
|
|
|
content: '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#737373;"><span>'+ 'Start' +'</span></div>', |
|
|
|
content: '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#ff0000;"><span>'+ 'Start' +'</span></div>', |
|
|
|
anchor: new naver.maps.Point(45, 35) |
|
|
|
anchor: new naver.maps.Point(45, 35) |
|
|
|
}, map: map |
|
|
|
}, map: map |
|
|
|
}) |
|
|
|
}) |
|
|
@ -677,7 +681,7 @@ export const FlightPlanDraw = props => { |
|
|
|
position: midPoint, |
|
|
|
position: midPoint, |
|
|
|
icon: { |
|
|
|
icon: { |
|
|
|
content: '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#737373;"><span>'+ text +'</span></div>', |
|
|
|
content: '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#737373;"><span>'+ text +'</span></div>', |
|
|
|
anchor: new naver.maps.Point(-5, -5) |
|
|
|
anchor: new naver.maps.Point(20, 35) |
|
|
|
}, map: map |
|
|
|
}, map: map |
|
|
|
}) |
|
|
|
}) |
|
|
|
) |
|
|
|
) |
|
|
@ -845,7 +849,11 @@ export const FlightPlanDraw = props => { |
|
|
|
content = '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#ff0000;"><span>'+ text +'</span></div>' |
|
|
|
content = '<div style="display:inline-block;padding:5px;text-align:center;background-color:#fff;border:1px solid #000;font-size:13px;color:#ff0000;"><span>'+ text +'</span></div>' |
|
|
|
let dis1 = coord[coord.length-2]; |
|
|
|
let dis1 = coord[coord.length-2]; |
|
|
|
let dis2 = coord[coord.length-1]; |
|
|
|
let dis2 = coord[coord.length-1]; |
|
|
|
|
|
|
|
if(circle) { |
|
|
|
|
|
|
|
midPoint = coord |
|
|
|
|
|
|
|
} else { |
|
|
|
midPoint = new naver.maps.LatLng((dis1.y + dis2.y)/2, (dis1.x + dis2.x)/2); |
|
|
|
midPoint = new naver.maps.LatLng((dis1.y + dis2.y)/2, (dis1.x + dis2.x)/2); |
|
|
|
|
|
|
|
} |
|
|
|
anchor = new naver.maps.Point(20, 35) |
|
|
|
anchor = new naver.maps.Point(20, 35) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|