|
|
@ -124,7 +124,6 @@ export const NaverCustomMap = () => { |
|
|
|
]; |
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
let features = geoJson.features; |
|
|
|
let features = geoJson.features; |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
NaverMapInit(); |
|
|
|
NaverMapInit(); |
|
|
|
// airPort?.map(air => polyArea(air));
|
|
|
|
// airPort?.map(air => polyArea(air));
|
|
|
@ -181,18 +180,18 @@ export const NaverCustomMap = () => { |
|
|
|
// result.push({ lat: lat_sum, lng: lng_sum });
|
|
|
|
// result.push({ lat: lat_sum, lng: lng_sum });
|
|
|
|
// console.log('coordvalue>>', coordValue);
|
|
|
|
// console.log('coordvalue>>', coordValue);
|
|
|
|
|
|
|
|
|
|
|
|
// coordValue.map((val, idx) => {
|
|
|
|
coordValue.map((val, idx) => { |
|
|
|
// const po = new naver.maps.LatLng(val._lat, val._lng);
|
|
|
|
const po = new naver.maps.LatLng(val._lat, val._lng); |
|
|
|
// const cont = `<div style="background-color:#f8f9fa;border-radius:20px;color:#000000 ">${idx}번</div>`;
|
|
|
|
const cont = `<div style="background-color:#f8f9fa;border-radius:20px;color:#000000 ">${idx}번</div>`; |
|
|
|
// const marker = new naver.maps.Marker({
|
|
|
|
const marker = new naver.maps.Marker({ |
|
|
|
// position: po,
|
|
|
|
position: po, |
|
|
|
// map: mapObject,
|
|
|
|
map: mapObject, |
|
|
|
// icon: {
|
|
|
|
icon: { |
|
|
|
// content: [cont].join(''),
|
|
|
|
content: [cont].join(''), |
|
|
|
// anchor: new naver.maps.Point(20, 20)
|
|
|
|
anchor: new naver.maps.Point(20, 20) |
|
|
|
// }
|
|
|
|
} |
|
|
|
// });
|
|
|
|
}); |
|
|
|
// });
|
|
|
|
}); |
|
|
|
}, [mapObject, coordValue]); |
|
|
|
}, [mapObject, coordValue]); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {}, []); |
|
|
|
useEffect(() => {}, []); |
|
|
|