|
|
@ -11,6 +11,7 @@ import NewDronPlan from './dron/NewDronPlan'; |
|
|
|
import { NewDronHistory } from './dron/NewDronHistroy'; |
|
|
|
import { NewDronHistory } from './dron/NewDronHistroy'; |
|
|
|
import DronToast from './dron/DronToast'; |
|
|
|
import DronToast from './dron/DronToast'; |
|
|
|
import SensorZone from './sensor/SensorZone'; |
|
|
|
import SensorZone from './sensor/SensorZone'; |
|
|
|
|
|
|
|
import ControlDraw from './draw/ControlDraw'; |
|
|
|
|
|
|
|
|
|
|
|
export const NaverCustomMap = () => { |
|
|
|
export const NaverCustomMap = () => { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
@ -180,18 +181,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(() => {}, []); |
|
|
@ -292,7 +293,7 @@ export const NaverCustomMap = () => { |
|
|
|
const coordlat = (coord._lat.toFixed(6) * Math.PI) / 180; |
|
|
|
const coordlat = (coord._lat.toFixed(6) * Math.PI) / 180; |
|
|
|
const coordlng = (coord._lng.toFixed(6) * Math.PI) / 180; |
|
|
|
const coordlng = (coord._lng.toFixed(6) * Math.PI) / 180; |
|
|
|
|
|
|
|
|
|
|
|
console.log('>>', coordlat); |
|
|
|
// console.log('>>', coordlat);
|
|
|
|
const R = 6371; // Radius of the earth in km
|
|
|
|
const R = 6371; // Radius of the earth in km
|
|
|
|
const dLat = coordlat - centerLatRad; |
|
|
|
const dLat = coordlat - centerLatRad; |
|
|
|
const dLon = coordlng - centerLngRad; |
|
|
|
const dLon = coordlng - centerLngRad; |
|
|
@ -444,6 +445,8 @@ export const NaverCustomMap = () => { |
|
|
|
handleHistoryInit={handleHistoryInit} |
|
|
|
handleHistoryInit={handleHistoryInit} |
|
|
|
/> */} |
|
|
|
/> */} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ControlDraw map={mapObject} naver={naver} /> |
|
|
|
|
|
|
|
|
|
|
|
<DronToast /> |
|
|
|
<DronToast /> |
|
|
|
|
|
|
|
|
|
|
|
<FeatureAirZone |
|
|
|
<FeatureAirZone |
|
|
|