pav
/
pav-fe-kac
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

김포공항 격자공역 표출 오류 수정

pull/2/head
이준희 2 years ago
parent
84d1ee36dc
commit
38ce25e63c
2 changed files with 141 additions and 120 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 137
      src/components/map/naver/NaverMap.js
  2. 124
      src/components/map/naver/feature/FeatureAirZone.js

137
src/components/map/naver/NaverMap.js
Unescape View File

@ -17,10 +17,13 @@ export const NaverCustomMap = () => {
const [mapObject, setMapObject] = useState(null);
const [arrPolyline, setArrPolyline] = useState([]);
const [poly, setPoly] = useState([]);
let features = geoJson.features;
useEffect(() => {
NaverMapInit();
polyArea();
}, []);
const NaverMapInit = () => {
@ -45,6 +48,133 @@ export const NaverCustomMap = () => {
setArrPolyline([...arrPolyline, line]);
};
const polyArea = () => {
//격자 공역
const polyArr = [];
const SENSOR_RADIUS = 9300;
const position = new naver.maps.LatLng(37.558522, 126.793722);
const color = '#000';
const opacity = 0.7;
let angle = 0;
for (let i = 0; i < 4; i++) {
angle += 90;
let buffer = 0;
// for (let j = 0; j < 4; j++) {
for (let j = 0; j < 9; j++) {
// buffer += 2000;
buffer += 1000;
const coord = new naver.maps.EPSG3857.getDestinationCoord(
position,
angle,
buffer
);
let reduce = 0;
if (j === 0) {
// reduce = 218.6;
reduce = 54.4;
} else if (j === 1) {
// reduce = 905.4;
reduce = 218.6;
} else if (j === 2) {
// reduce = 2195;
reduce = 500;
} else if (j === 3) {
// reduce = 4560.2;
reduce = 905.4;
} else if (j === 4) {
reduce = 1459.8;
} else if (j === 5) {
reduce = 2195;
} else if (j === 6) {
reduce = 3173.5;
} else if (j === 7) {
reduce = 4552.5;
} else if (j === 8) {
reduce = 6952.5;
}
if (angle % 180 == 0) {
const polyEW = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(
coord,
90,
SENSOR_RADIUS - reduce
),
new naver.maps.EPSG3857.getDestinationCoord(
coord,
270,
SENSOR_RADIUS - reduce
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color
// map: map
});
polyArr.push(polyEW);
} else {
const polyNS = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(
coord,
0,
SENSOR_RADIUS - reduce
),
new naver.maps.EPSG3857.getDestinationCoord(
coord,
180,
SENSOR_RADIUS - reduce
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color
// map: props.map
});
polyArr.push(polyNS);
}
}
}
const NS = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(position, 0, SENSOR_RADIUS),
new naver.maps.EPSG3857.getDestinationCoord(
position,
180,
SENSOR_RADIUS
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color
// map: props.map
});
polyArr.push(NS);
const EW = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(
position,
90,
SENSOR_RADIUS
),
new naver.maps.EPSG3857.getDestinationCoord(
position,
270,
SENSOR_RADIUS
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color
// map: props.map
});
polyArr.push(EW);
setPoly(polyArr);
};
return (
<>
<div id='map' style={{ width: '100%', height: '100vh' }}></div>
@ -65,7 +195,12 @@ export const NaverCustomMap = () => {
<DronToast />
<FeatureAirZone map={mapObject} naver={naver} features={features} />
<FeatureAirZone
map={mapObject}
naver={naver}
features={features}
poly={poly}
/>
{/* <NaverMapSearch map={mapObject} naver={naver} /> */}
{/* <SensorZone map={mapObject} naver={naver} /> */}
</>

124
src/components/map/naver/feature/FeatureAirZone.js
Unescape View File

@ -11,7 +11,11 @@ export const FeatureAirZone = props => {
featureAirEvent();
}, [mapControl]);
useEffect(() => {}, []);
useEffect(() => {
props.poly?.map(prev => {
prev.setMap(props.map);
});
}, []);
const infowindowOpen = data => {
const content =
@ -130,124 +134,6 @@ export const FeatureAirZone = props => {
// }
// console.log(coordzip);
// console.log(tt);
const SENSOR_RADIUS = 9300;
const position = new naver.maps.LatLng(37.558522, 126.793722);
const color = '#000';
const opacity = 0.7;
let angle = 0;
for (let i = 0; i < 4; i++) {
angle += 90;
let buffer = 0;
// for (let j = 0; j < 4; j++) {
for (let j = 0; j < 9; j++) {
// buffer += 2000;
buffer += 1000;
const coord = new naver.maps.EPSG3857.getDestinationCoord(
position,
angle,
buffer
);
let reduce = 0;
if (j === 0) {
// reduce = 218.6;
reduce = 54.4;
} else if (j === 1) {
// reduce = 905.4;
reduce = 218.6;
} else if (j === 2) {
// reduce = 2195;
reduce = 500;
} else if (j === 3) {
// reduce = 4560.2;
reduce = 905.4;
} else if (j === 4) {
reduce = 1459.8;
} else if (j === 5) {
reduce = 2195;
} else if (j === 6) {
reduce = 3173.5;
} else if (j === 7) {
reduce = 4552.5;
} else if (j === 8) {
reduce = 6952.5;
}
if (angle % 180 == 0) {
const polyEW = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(
coord,
90,
SENSOR_RADIUS - reduce
),
new naver.maps.EPSG3857.getDestinationCoord(
coord,
270,
SENSOR_RADIUS - reduce
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color,
map: props.map
});
} else {
const polyNS = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(
coord,
0,
SENSOR_RADIUS - reduce
),
new naver.maps.EPSG3857.getDestinationCoord(
coord,
180,
SENSOR_RADIUS - reduce
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color,
map: props.map
});
}
}
}
const NS = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(position, 0, SENSOR_RADIUS),
new naver.maps.EPSG3857.getDestinationCoord(
position,
180,
SENSOR_RADIUS
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color,
map: props.map
});
const EW = new naver.maps.Polyline({
path: [
new naver.maps.EPSG3857.getDestinationCoord(
position,
90,
SENSOR_RADIUS
),
new naver.maps.EPSG3857.getDestinationCoord(
position,
270,
SENSOR_RADIUS
)
],
strokeWeight: 0.8,
strokeOpacity: opacity,
strokeColor: color,
map: props.map
});
};
const featureAirEvent = () => {

Write Preview
Loading…
Cancel
Save