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

비행구역 상세주석

master
junh_eee(이준희) 9 months ago
parent
5f71f18780
commit
625c8e6f0f
4 changed files with 223 additions and 50 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 49
      src/components/laanc/map/FlightArea.js
  2. 50
      src/components/laanc/map/LaancAreaMap.js
  3. 79
      src/components/laanc/map/LaancDrawControl.js
  4. 95
      src/utility/MapUtils.js

49
src/components/laanc/map/FlightArea.js
Unescape View File

@ -127,12 +127,17 @@ export default function FlightArea({
} }
}, [areaCoordList, centeredModal, previewLayer]); }, [areaCoordList, centeredModal, previewLayer]);
// 비행구역 설정 관련 모달 표출 /**
* 비행구역 설정 관련 모달 표출
*/
const handlerModal = () => { const handlerModal = () => {
setModal(!modal); setModal(!modal);
}; };
// 비행구역 타입 변경 시 그리기 모드 상태일 때 에러 표출 /**
* 비행구역 타입 변경 시 그리기 모드 상태일 때 에러 표출
* @param {string} val 비행구역 타입
*/
const handlerDrawType = val => { const handlerDrawType = val => {
if (drawObj.getMode().includes('draw')) { if (drawObj.getMode().includes('draw')) {
setModal({ setModal({
@ -151,7 +156,9 @@ export default function FlightArea({
} }
}; };
// laanc계획서 비행구역 저장버튼 클릭 시 비행구역 정보 저장 /**
* laanc계획서 비행구역 저장버튼 클릭 시 비행구역 정보 저장
*/
const handlerSave = async () => { const handlerSave = async () => {
if (areaCoordList) { if (areaCoordList) {
console.log('save'); console.log('save');
@ -168,12 +175,16 @@ export default function FlightArea({
} }
}; };
// 날씨 모달 표출 /**
* 날씨 모달 표출
*/
const handlerWeather = () => { const handlerWeather = () => {
setFormModal(!formModal); setFormModal(!formModal);
}; };
// 지도 초기 셋팅 /**
* 지도 초기 셋팅
*/
const handlerMapInit = () => { const handlerMapInit = () => {
mapboxgl.accessToken = MAPBOX_TOKEN; mapboxgl.accessToken = MAPBOX_TOKEN;
@ -339,7 +350,9 @@ export default function FlightArea({
dispatch(mapInitAction(map)); dispatch(mapInitAction(map));
}; };
// 저장된 비행구역 미니맵에 표출 /**
* 저장된 비행구역 미니맵에 표출
*/
const handlerPreviewDraw = () => { const handlerPreviewDraw = () => {
if (areaCoordList) { if (areaCoordList) {
const areas = areaCoordList[0]; const areas = areaCoordList[0];
@ -455,14 +468,20 @@ export default function FlightArea({
} }
}; };
// 비행구역 추가 버튼 클릭 시 /**
* 비행구역 추가 버튼 클릭 시
*/
const handlerAddClick = () => { const handlerAddClick = () => {
if (!addData.isAddable || !addData.overAdd) { if (!addData.isAddable || !addData.overAdd) {
handlerAddChange('isAddable', true); handlerAddChange('isAddable', true);
} }
}; };
// 비행구역 추가 관련 상태 변경 /**
* 비행구역 추가 관련 상태 변경
* @param {string} key addData의 key
* @param {boolean} val addData의 value
*/
const handlerAddChange = (key, val) => { const handlerAddChange = (key, val) => {
setAddData(prev => ({ setAddData(prev => ({
...prev, ...prev,
@ -470,18 +489,26 @@ export default function FlightArea({
})); }));
}; };
// 비행구역 저장 가능 유무 체크 /**
* 비행구역 저장 가능 유무 체크
* @param {boolean} save 비행구역 저장 가능 유무
*/
const handlerSaveCheck = save => { const handlerSaveCheck = save => {
setIsSaveable(save); setIsSaveable(save);
}; };
// 비행구역 데이터 초기화 /**
* 비행구역 데이터 초기화
*/
const handlerInitCoordinates = () => { const handlerInitCoordinates = () => {
const init = initFlightBas.initDetail.areaList.concat(); const init = initFlightBas.initDetail.areaList.concat();
dispatch(AREA_COORDINATE_LIST_SAVE(init)); dispatch(AREA_COORDINATE_LIST_SAVE(init));
}; };
// 비행구역 고도 저장 /**
* 비행구역 고도 저장
* @param {number} elev 비행고도
*/
const handlerSaveElev = elev => { const handlerSaveElev = elev => {
setSaveElev(elev); setSaveElev(elev);
}; };

50
src/components/laanc/map/LaancAreaMap.js
Unescape View File

@ -36,6 +36,7 @@ export default function LaancAreaMap({
setModal setModal
}) { }) {
const dispatch = useDispatch(); const dispatch = useDispatch();
// 비행구역 타입 및 공역 타입 // 비행구역 타입 및 공역 타입
const mapControl = useSelector(state => state.controlMapReducer); const mapControl = useSelector(state => state.controlMapReducer);
@ -100,7 +101,9 @@ export default function LaancAreaMap({
} }
}, [areaCoordList, mapObject, number]); }, [areaCoordList, mapObject, number]);
// 맵박스 지도 초기 셋팅 /**
* 맵박스 지도 초기 셋팅
*/
const handlerMapInit = () => { const handlerMapInit = () => {
mapboxgl.accessToken = MAPBOX_TOKEN; mapboxgl.accessToken = MAPBOX_TOKEN;
@ -166,7 +169,11 @@ export default function LaancAreaMap({
dispatch(mapInitAction(map)); dispatch(mapInitAction(map));
}; };
// areaInfo를 areaList 형식으로 반환 /**
* areaInfo를 areaList 형식으로 반환
* @param {*} areaInfo
* @returns areaList로 반환
*/
const handlerAreaInfoToAreaList = areaInfo => { const handlerAreaInfoToAreaList = areaInfo => {
const initAreaList = initFlightBas.initDetail.areaList.concat(); const initAreaList = initFlightBas.initDetail.areaList.concat();
const coordList = []; const coordList = [];
@ -191,7 +198,10 @@ export default function LaancAreaMap({
return areaList; return areaList;
}; };
// 비행관제구역 체크 및 버퍼 생성 /**
* 비행관제구역 체크 및 버퍼 생성
* @param {*} areaInfo
*/
const handlerCoordinates = areaInfo => { const handlerCoordinates = areaInfo => {
const areaList = handlerAreaInfoToAreaList(areaInfo); const areaList = handlerAreaInfoToAreaList(areaInfo);
@ -203,24 +213,34 @@ export default function LaancAreaMap({
} }
}; };
// 비행구역 설정 후 저장 /**
* 비행구역 설정 후 저장
* @param {*} areaList
* @returns 영역이 없으면 그냥 리턴
*/
const handlerConfirm = areaList => { const handlerConfirm = areaList => {
if (areaList === undefined) { if (areaList === undefined) {
alert('영역을 설정해 주세요.'); alert('영역을 설정해 주세요.');
return false; return;
} }
dispatch(AREA_COORDINATE_LIST_SAVE(areaList)); dispatch(AREA_COORDINATE_LIST_SAVE(areaList));
}; };
// [좌표 정보] 마우스 다운 시 스크롤 준비 /**
* [좌표 정보] 마우스 다운 시 스크롤 준비
* @param {Event} e 이벤트
*/
const onMouseDown = e => { const onMouseDown = e => {
e.preventDefault(); e.preventDefault();
setIsDrag(true); setIsDrag(true);
setStartX(e.pageX + scrollRef.current.scrollLeft); setStartX(e.pageX + scrollRef.current.scrollLeft);
}; };
// [좌표 정보] 마우스 드래그로 스크롤 이동 /**
* [좌표 정보] 마우스 드래그로 스크롤 이동
* @param {Event} e 이벤트
*/
const onMouseMove = e => { const onMouseMove = e => {
if (isDrag) { if (isDrag) {
const { scrollWidth, clientWidth, scrollLeft } = scrollRef.current; const { scrollWidth, clientWidth, scrollLeft } = scrollRef.current;
@ -235,7 +255,12 @@ export default function LaancAreaMap({
} }
}; };
// [좌표 정보] onMouseMove 이벤트 빈도 조절 /**
* [좌표 정보] onMouseMove 이벤트 빈도 조절
* @param {*} func 적용할 함수
* @param {number} ms 딜레이 시간
* @returns
*/
const throttle = (func, ms) => { const throttle = (func, ms) => {
let throttled = false; let throttled = false;
return (...args) => { return (...args) => {
@ -249,13 +274,18 @@ export default function LaancAreaMap({
}; };
}; };
// [좌표 정보] 마우스 업 시 스크롤 멈춤 /**
* [좌표 정보] 마우스 업 시 스크롤 멈춤
* @param {Event} e 이벤트
*/
const onMouseUp = e => { const onMouseUp = e => {
e.preventDefault(); e.preventDefault();
setIsDrag(false); setIsDrag(false);
}; };
// [좌표 정보] 마우스 벗어날 시 스크롤 멈춤 /**
* [좌표 정보] 마우스 벗어날 시 스크롤 멈춤
*/
const onMouseLeave = () => { const onMouseLeave = () => {
setIsDrag(false); setIsDrag(false);
}; };

79
src/components/laanc/map/LaancDrawControl.js
Unescape View File

@ -87,6 +87,7 @@ export const LaancDrawControl = props => {
}); });
}; };
// 함수 등록
if (number === 0) { if (number === 0) {
mapObject.on('draw.update', handlerUpdateSetting); mapObject.on('draw.update', handlerUpdateSetting);
modeArr.forEach(m => { modeArr.forEach(m => {
@ -104,7 +105,7 @@ export const LaancDrawControl = props => {
} }
}); });
// 버퍼 select 모드 방지를 위한 오버라이드 // 버퍼 simpleSelect 모드 방지를 위한 오버라이드
const SimpleSelect = SimpleSelectMode; const SimpleSelect = SimpleSelectMode;
SimpleSelect.toDisplayFeatures = function (state, geojson, display) { SimpleSelect.toDisplayFeatures = function (state, geojson, display) {
geojson.properties.active = this.isSelected(geojson.properties.id) geojson.properties.active = this.isSelected(geojson.properties.id)
@ -131,7 +132,7 @@ export const LaancDrawControl = props => {
} }
}; };
// 버퍼 select 모드 방지, midPoint 생성 방지를 위한 오버라이드 // 버퍼 directSelect 모드 방지, midPoint 생성 방지를 위한 오버라이드
const DirectSelect = DirectMode; const DirectSelect = DirectMode;
DirectSelect.toDisplayFeatures = function (state, geojson, push) { DirectSelect.toDisplayFeatures = function (state, geojson, push) {
if (state.featureId === geojson.properties.id) { if (state.featureId === geojson.properties.id) {
@ -181,7 +182,12 @@ export const LaancDrawControl = props => {
} }
}, [isDrawDone]); }, [isDrawDone]);
// 클릭할 때마다 마커 표출 /**
* 클릭할 때마다 마커 표출
* @param {*} state
* @param {Event} e 이벤트
* @returns
*/
const handlerCustomOnClick = (state, e) => { const handlerCustomOnClick = (state, e) => {
const mode = handlerReturnMode(drawObj.getMode()); const mode = handlerReturnMode(drawObj.getMode());
const obj = state[mode?.toLowerCase()]; const obj = state[mode?.toLowerCase()];
@ -228,7 +234,11 @@ export const LaancDrawControl = props => {
} }
}; };
// 비행구역 그리기 완료 시 /**
* 비행구역 그리기 완료 시
* @param {*} state
* @returns 좌표 최소 개수 미달 시
*/
const handlerFinishDraw = state => { const handlerFinishDraw = state => {
if (drawObj.getAll().features.length === 0) return; if (drawObj.getAll().features.length === 0) return;
@ -312,7 +322,11 @@ export const LaancDrawControl = props => {
} }
}; };
// 모든 비정상상황 체크 /**
* 모든 비정상상황 체크
* @param {*} data
* @returns 에러 발생시 undefined, 이상 없으면 areaInfo
*/
const handlerAbnormalityCheck = async data => { const handlerAbnormalityCheck = async data => {
// radius 존재함 // radius 존재함
const { coords, mode, id } = data; const { coords, mode, id } = data;
@ -418,7 +432,10 @@ export const LaancDrawControl = props => {
} }
}; };
// 비행구역 수정 시 /**
* 비행구역 수정 시
* @param {Event} e 이벤트
*/
const handlerUpdateSetting = e => { const handlerUpdateSetting = e => {
if (e.features[0]) { if (e.features[0]) {
const { geometry, properties, id } = e.features[0]; const { geometry, properties, id } = e.features[0];
@ -458,7 +475,10 @@ export const LaancDrawControl = props => {
} }
}; };
// 비정상 감지 시 해당 도형, 마커 삭제 /**
* 비정상 감지 시 해당 도형, 마커 삭제
* @param {string} id 삭제할 obj의 id
*/
const handlerRemoveError = id => { const handlerRemoveError = id => {
// 삭제대상인 obj를 제외하고 남은 obj가 있는지 확인 // 삭제대상인 obj를 제외하고 남은 obj가 있는지 확인
const isRemain = drawObj const isRemain = drawObj
@ -493,7 +513,10 @@ export const LaancDrawControl = props => {
props.handlerAddChange('overAdd', false); props.handlerAddChange('overAdd', false);
}; };
// 정상 좌표 처리 /**
* 정상 좌표 처리
* @param {*} areaInfo
*/
const handlerSaveData = areaInfo => { const handlerSaveData = areaInfo => {
props.handlerCoordinates(areaInfo); props.handlerCoordinates(areaInfo);
setIsDrawDone(true); setIsDrawDone(true);
@ -510,7 +533,12 @@ export const LaancDrawControl = props => {
} }
}; };
// areaInfo 셋팅 /**
* areaInfo 셋팅
* @param {*} coord
* @param {string} mode 비행구역 타입
* @returns 에러 발생시 undefined, 이상 없으면 areaInfo
*/
const handlerSettingAreaInfo = (coord, mode) => { const handlerSettingAreaInfo = (coord, mode) => {
if (!coord || !mode) { if (!coord || !mode) {
alert('에러 발생. 다시 시도해 주세요.'); alert('에러 발생. 다시 시도해 주세요.');
@ -555,7 +583,12 @@ export const LaancDrawControl = props => {
return areaInfo; return areaInfo;
}; };
// 두 좌표배열이 완전히 일치하는지 판단 /**
* 두 좌표배열이 완전히 일치하는지 판단
* @param {[number, number]} arr1 좌표배열1
* @param {[number, number]} arr2 좌표배열2
* @returns 일치 true, 불일치 false
*/
const handlerArraysAreEqual = (arr1, arr2) => { const handlerArraysAreEqual = (arr1, arr2) => {
if (arr1 === arr2) return true; if (arr1 === arr2) return true;
if (arr1.length !== arr2.length) return false; if (arr1.length !== arr2.length) return false;
@ -572,7 +605,9 @@ export const LaancDrawControl = props => {
return true; return true;
}; };
// 저장된 비행구역 데이터를 기반으로 지도에 다시 그려주기 /**
* 저장된 비행구역 데이터를 기반으로 지도에 다시 그려주기
*/
const handlerPastDraw = () => { const handlerPastDraw = () => {
if (props.areaCoordList) { if (props.areaCoordList) {
const objs = drawObj?.getAll().features; const objs = drawObj?.getAll().features;
@ -741,7 +776,13 @@ export const LaancDrawControl = props => {
} }
}; };
// 도형 생성 + 마커 생성(circle만 사용안함) /**
* 도형 생성 + 마커 생성(circle만 사용안함)
* @param {string} type geometry 타입 LineString, Point, Polygon
* @param {*} paths
* @param {'LINE' | 'POLYGON' | 'BUFFER'} propertyId custom 타입
* @returns
*/
const handlerCreateDrawObj = (type, paths, propertyId) => { const handlerCreateDrawObj = (type, paths, propertyId) => {
const newObj = { const newObj = {
type: type, type: type,
@ -761,7 +802,10 @@ export const LaancDrawControl = props => {
return newObjId[0]; return newObjId[0];
}; };
// 비행구역 기본셋팅 /**
* 비행구역 기본셋팅
* @returns 첫 진입이거나 초기화상태일 때
*/
const drawInit = () => { const drawInit = () => {
const mode = drawType; const mode = drawType;
if (mode !== 'DONE') { if (mode !== 'DONE') {
@ -785,7 +829,9 @@ export const LaancDrawControl = props => {
} }
}; };
// 초기화 /**
* 초기화
*/
const handlerResetMode = () => { const handlerResetMode = () => {
props.handlerAddChange('isAddable', false); props.handlerAddChange('isAddable', false);
props.handlerAddChange('isViewAdd', false); props.handlerAddChange('isViewAdd', false);
@ -798,7 +844,10 @@ export const LaancDrawControl = props => {
drawObj.changeMode('simple_select'); drawObj.changeMode('simple_select');
}; };
// 그리기모드 셋팅 /**
* 그리기모드 셋팅
* @param {'LINE' | 'POLYGON' | 'CIRCLE'} mode custom 타입
*/
const handlerStartMode = mode => { const handlerStartMode = mode => {
if (mode === 'LINE') { if (mode === 'LINE') {
drawObj.changeMode('draw_line_string'); drawObj.changeMode('draw_line_string');

95
src/utility/MapUtils.js
Unescape View File

@ -5,7 +5,11 @@ import 'mapbox-gl/dist/mapbox-gl.css';
import geoJson from '../components/map/geojson/airArea.json'; import geoJson from '../components/map/geojson/airArea.json';
import flatGimpo from '../components/map/geojson/flatGimpoAirportAirArea.json'; import flatGimpo from '../components/map/geojson/flatGimpoAirportAirArea.json';
// geojson Feature 형식으로 반환 /**
* geojson Feature 형식으로 반환
* @param {'LineString' | 'Polygon' | 'Point'} type geometry 타입
* @param {string} id 생성할 obj의 Id
*/
export const InitFeature = (type, id) => { export const InitFeature = (type, id) => {
return { return {
type: 'Feature', type: 'Feature',
@ -17,7 +21,11 @@ export const InitFeature = (type, id) => {
}; };
}; };
//소수점 7자리까지만 자름 / coord = [lng, lat] /**
* 소수점 7자리까지만 자름
* @param {[number, number]} coord [lng, lat]
* @returns
*/
export const FormattingCoord = coord => { export const FormattingCoord = coord => {
const resultArr = []; const resultArr = [];
@ -33,7 +41,12 @@ export const FormattingCoord = coord => {
return resultArr; return resultArr;
}; };
// 거리 계산(meters로 리턴) /**
* center로부터 mouse까지의 거리 계산
* @param {[number, number]} mouse 현재 마우스가 위치한 좌표
* @param {[number, number]} center 기준점 좌표
* @returns meter단위로 리턴
*/
export const CalculateDistance = (mouse, center) => { export const CalculateDistance = (mouse, center) => {
const centerCoord = turf.point(center); const centerCoord = turf.point(center);
const mouseCoord = turf.point(mouse); const mouseCoord = turf.point(mouse);
@ -47,19 +60,34 @@ export const CalculateDistance = (mouse, center) => {
return distance; return distance;
}; };
// 미터 반환(m붙여서) /**
* 입력 값에 m 붙여줌
* @param {number} meters
* @returns ex) 100 -> 100m
*/
export const fromMetersToText = meters => { export const fromMetersToText = meters => {
meters = meters || 0; meters = meters || 0;
const text = parseFloat(meters.toFixed(1)) + 'm'; const text = parseFloat(meters.toFixed(1)) + 'm';
return text; return text;
}; };
// 두 좌표 간의 중간 지점 좌표 반환 /**
* 두 좌표 간의 중간 지점 좌표 반환
* @param {[number, number]} dis1 좌표1
* @param {[number, number]} dis2 좌표2
* @returns 중간 지점 좌표
*/
export const handlerGetMidPoint = (dis1, dis2) => { export const handlerGetMidPoint = (dis1, dis2) => {
console.log(dis1, dis2, '--');
return [(dis1[0] + dis2[0]) / 2, (dis1[1] + dis2[1]) / 2]; return [(dis1[0] + dis2[0]) / 2, (dis1[1] + dis2[1]) / 2];
}; };
// html Content 반환 /**
* html Content 반환
* @param {number} distance
* @param {string} id obj의 id
* @returns
*/
export const handlerGetHtmlContent = (distance, id) => { export const handlerGetHtmlContent = (distance, id) => {
const text = const text =
typeof distance === 'number' typeof distance === 'number'
@ -74,7 +102,12 @@ export const handlerGetHtmlContent = (distance, id) => {
); );
}; };
// circle 360도 좌표 반환 /**
* circle 360도 좌표 반환
* @param {[number, number]} center 원의 중심 좌표
* @param {number} distance meter단위 거리
* @returns
*/
export const handlerGetCircleCoord = (center, distance) => { export const handlerGetCircleCoord = (center, distance) => {
const options = { const options = {
steps: 63, steps: 63,
@ -83,7 +116,13 @@ export const handlerGetCircleCoord = (center, distance) => {
return turf.circle(center, distance / 1000, options).geometry.coordinates; return turf.circle(center, distance / 1000, options).geometry.coordinates;
}; };
// 포인트 생성 /**
* 포인트 생성
* @param {[number, number]} coord 포인트 생성할 좌표
* @param {number} index 좌표 순서
* @param {string} type
* @returns
*/
export const handlerCreatePoint = (coord, index, type) => { export const handlerCreatePoint = (coord, index, type) => {
const wayPoint = { const wayPoint = {
type: 'Feature', type: 'Feature',
@ -98,7 +137,13 @@ export const handlerCreatePoint = (coord, index, type) => {
return wayPoint; return wayPoint;
}; };
// 그려진 도형이 지도 전체화면에 보여지도록 /**
* 그려진 도형이 지도 전체화면에 보여지도록
* @param {*} map 지도 오브젝트
* @param {*} paths obj의 좌표
* @param {number} padding 도형과 지도 사이의 padding값
* @param {string} type custom 타입
*/
export const handlerFitBounds = (map, paths, padding, type) => { export const handlerFitBounds = (map, paths, padding, type) => {
const bounds = new mapboxgl.LngLatBounds(paths[0], paths[0]); const bounds = new mapboxgl.LngLatBounds(paths[0], paths[0]);
@ -115,21 +160,30 @@ export const handlerFitBounds = (map, paths, padding, type) => {
map.fitBounds(bounds, { padding: padding }); map.fitBounds(bounds, { padding: padding });
}; };
// drawMode에 따른 drawType 매칭 /**
* drawMode에 따른 drawType 매칭
* @param {string} mode drawobj.getMode로 얻은 값
* @returns custom 타입 반환
*/
export const handlerReturnMode = mode => { export const handlerReturnMode = mode => {
if (mode.includes('line') || mode.includes('Line')) return 'LINE'; if (mode.includes('line') || mode.includes('Line')) return 'LINE';
if (mode.includes('polygon') || mode.includes('Polygon')) return 'POLYGON'; if (mode.includes('polygon') || mode.includes('Polygon')) return 'POLYGON';
if (mode.includes('circle') || mode.includes('Circle')) return 'CIRCLE'; if (mode.includes('circle') || mode.includes('Circle')) return 'CIRCLE';
}; };
// 지도에 있는 모든 마커 삭제 /**
* 지도에 있는 모든 마커 삭제
*/
export const handlerRemoveAllMarker = () => { export const handlerRemoveAllMarker = () => {
const ele = document.getElementsByClassName('mapboxgl-popup'); const ele = document.getElementsByClassName('mapboxgl-popup');
const eleArr = Array.from(ele); const eleArr = Array.from(ele);
eleArr?.forEach(marker => marker.remove()); eleArr?.forEach(marker => marker.remove());
}; };
// 해당되는 id의 마커 삭제 /**
* 해당되는 id의 마커 삭제
* @param {string} id obj의 id
*/
export const handlerRemoveGroupMarker = id => { export const handlerRemoveGroupMarker = id => {
const ele = document.getElementsByClassName('mapboxgl-popup'); const ele = document.getElementsByClassName('mapboxgl-popup');
const eleArr = Array.from(ele); const eleArr = Array.from(ele);
@ -138,7 +192,15 @@ export const handlerRemoveGroupMarker = id => {
}); });
}; };
// 개별 마커 생성 /**
* 개별 마커 생성
* @param {*} map 지도 오브젝트
* @param {*} anchor
* @param {*} lngLat 마커가 위치할 좌표
* @param {*} text
* @param {string} id obj의 id
* @returns
*/
export const handlerCreateOneMarker = (map, anchor, lngLat, text, id) => { export const handlerCreateOneMarker = (map, anchor, lngLat, text, id) => {
if (!id) return; if (!id) return;
@ -152,7 +214,12 @@ export const handlerCreateOneMarker = (map, anchor, lngLat, text, id) => {
.addTo(map); .addTo(map);
}; };
// 해당되는 id의 마커 생성 /**
* 해당되는 id의 마커 생성
* @param {*} map 지도 오브젝트
* @param {*} data
* @param {string} mode custom 타입
*/
export const handlerCreateGroupMarker = (map, data, mode) => { export const handlerCreateGroupMarker = (map, data, mode) => {
if (mode !== 'CIRCLE') { if (mode !== 'CIRCLE') {
const coord = mode === 'LINE' ? data.coord : data.coord[0]; const coord = mode === 'LINE' ? data.coord : data.coord[0];

Write Preview
Loading…
Cancel
Save