`
for (let i = 5; i >= 1; i--) {
hmCesium.hmUtil.measureGeometryEntityArr.push(hmCesium.hmUtil.draw.drawList[hmCesium.hmUtil.draw.drawList.length-i]);
}
}
if (mode == 'verticalDistance') {
let firstCarto = Cesium.Cartographic.fromCartesian(entity.polyline.positions._value[entity.polyline.positions._value.length-3]);
let secondCarto = Cesium.Cartographic.fromCartesian(entity.polyline.positions._value[entity.polyline.positions._value.length-2]);
let midPoint = entity.attribute.midPointArr[entity.attribute.midPointArr.length-1];
if(firstCarto.height > secondCarto.height){
cartesian3 = Cesium.Cartesian3.midpoint(entity.polyline.positions._value[entity.polyline.positions._value.length-2], midPoint, new Cesium.Cartesian3());
}else{
cartesian3 = Cesium.Cartesian3.midpoint(midPoint, entity.polyline.positions._value[entity.polyline.positions._value.length-3], new Cesium.Cartesian3());
}
// text = `${addComma(entity.attribute.vertical[entity.attribute.vertical.length-1])}m`;
text = `
`
for (let i = 5; i >= 1; i--) {
hmCesium.hmUtil.measureGeometryEntityArr.push(hmCesium.hmUtil.draw.drawList[hmCesium.hmUtil.draw.drawList.length-i]);
}
}
pixelPosition = Cesium.SceneTransforms.worldToWindowCoordinates(hmCesium.viewer.scene, cartesian3);
if (cartesian3) addMeasureLabelDiv(cartesian3, text, pixelPosition, hmCesium.hmUtil.measureLayer);
}
function stopEditing(mode, entity) {
let cartesian3, pixelPosition, text;
if (mode == 'location') {
cartesian3 = entity.attribute.position;
if(hmCesium.domManager.epsg == '4326'){
// text = `
// 위도 : ${addComma(entity.attribute.coordinate[1])}도
// 경도 : ${addComma(entity.attribute.coordinate[0])}도
// 높이 : ${addComma(entity.attribute.coordinate[2])}m
// `;
text = `
위도
${addComma(entity.attribute.coordinate[1])}°
경도
${addComma(entity.attribute.coordinate[0])}°
높이
${addComma(entity.attribute.coordinate[2])}m
`
}else{
// text = `
// X : ${addComma(entity.attribute.coordinate[0])}m
// Y : ${addComma(entity.attribute.coordinate[1])}m
// Z : ${addComma(entity.attribute.coordinate[2])}m
// `;
let epsg = '중부';
switch(hmCesium.domManager.epsg){
case '5185': epsg = '서부'; break;
case '5186': epsg = '중부'; break;
case '5187': epsg = '동부'; break;
case '5188': epsg = '동해'; break;
}
text = `
${epsg} 기준
X
${addComma(entity.attribute.coordinate[0])}m
Y
${addComma(entity.attribute.coordinate[1])}m
Z
${addComma(entity.attribute.coordinate[2])}m
`
}
}
if (mode == 'straightDistance') {
cartesian3 = entity.polyline.positions._value[entity.polyline.positions._value.length-1];
let totalAerial = 0;
for(let i = 0; i < entity.attribute.aerial.length; i++){
totalAerial += Number(entity.attribute.aerial[i].toFixed(4));
}
// text = `직선거리 합계 : ${addComma(totalAerial)}m`;
text = `
직선거리 합계
${addComma(totalAerial)}m
`
}
if (mode == 'horizontalDistance') {
let lastCarto = Cesium.Cartographic.fromCartesian(entity.polyline.positions._value[entity.polyline.positions._value.length-1]);
let lastMidPoint = Cesium.Cartographic.fromCartesian(entity.attribute.midPointArr[entity.attribute.midPointArr.length-1]);
let lon = Cesium.Math.toDegrees(lastCarto.longitude);
let lat = Cesium.Math.toDegrees(lastCarto.latitude);
let height = lastMidPoint.height;
cartesian3 = new Cesium.Cartesian3.fromDegrees(lon, lat, height);
let totalHorizontal = 0;
for(let i = 0; i < entity.attribute.horizontal.length; i++){
totalHorizontal += Number(entity.attribute.horizontal[i].toFixed(4));
}
// text = `수평거리 합계 : ${addComma(totalHorizontal)}m`;
text = `
수평거리 합계
${addComma(totalHorizontal)}m
`
}
if (mode == 'verticalDistance') {
let lastCarto = Cesium.Cartographic.fromCartesian(entity.polyline.positions._value[entity.polyline.positions._value.length-1]);
let lastMidPoint = Cesium.Cartographic.fromCartesian(entity.attribute.midPointArr[entity.attribute.midPointArr.length-1]);
let lon = Cesium.Math.toDegrees(lastCarto.longitude);
let lat = Cesium.Math.toDegrees(lastCarto.latitude);
let height = lastMidPoint.height;
cartesian3 = new Cesium.Cartesian3.fromDegrees(lon, lat, height);
let totalVertical = 0;
for(let i = 0; i < entity.attribute.vertical.length; i++){
totalVertical += Number(entity.attribute.vertical[i].toFixed(4));
}
// text = `수직거리 합계 : ${addComma(totalVertical)}m`;
text = `
수직거리 합계
${addComma(totalVertical)}m
`
}
// if (mode == 'area') {
// let positions = entity.polygon._hierarchy._value.positions.copyWithin();
// let labelPosition = hmCesium.hmUtil.measurement._getPolygonCenter(positions);
// let labelPositionCarto = Cesium.Cartographic.fromCartesian(labelPosition);
// let lon = Cesium.Math.toDegrees(labelPositionCarto.longitude);
// let lat = Cesium.Math.toDegrees(labelPositionCarto.latitude);
// let height = labelPositionCarto.height;
// cartesian3 = new Cesium.Cartesian3.fromDegrees(lon, lat, height);
// text = `
// 면적 : ${addComma(entity.attribute.areaInMeter)}m
// 둘레 : ${addComma(entity.attribute.perimeter)}m
// `;
// }
pixelPosition = Cesium.SceneTransforms.worldToWindowCoordinates(hmCesium.viewer.scene, cartesian3);
if (cartesian3) addMeasureLabelDiv(cartesian3, text, pixelPosition, hmCesium.hmUtil.measureLayer);
hmCesium.hmUtil.measureLabelEntityArr = [];
hmCesium.hmUtil.measureGeometryEntityArr = [];
initCursorAndScreenEvent();
}
function measureEnd() {
// 마우스모드 초기화
hmCesium.endDraw();
if (hmCesium.hmUtil.measureLabelEntityArr.length != 0) {
hmCesium.hmUtil.measureLabelEntityArr.map(measureLabelEntity => {
// measureLayer에서 measureLabelEntityArr의 요소와 동일한 엔티티 삭제
hmCesium.hmUtil.measureLayer.entities._entities._array.map(entity => {
if (entity.id == measureLabelEntity.id) {
hmCesium.hmUtil.measureLayer.entities.removeById(entity.id);
}
})
// measureLabelArr에서 measureLabelEntityArr의 요소와 동일한 div 삭제
hmCesium.hmUtil.measureLabelDivArr.map(measureLabelDiv => {
if (measureLabelDiv == measureLabelEntity.div) {
hmCesium.hmUtil.measureLabelDivArr = hmCesium.hmUtil.measureLabelDivArr.filter((element) => element != measureLabelEntity.div);
}
})
// 등록되어 있는 measureLabel div중에서 measureLabelEntityArr의 요소와 동일한 div 삭제
let divs = document.querySelectorAll('.measureLabel');
divs.forEach(div=>{
if (div == measureLabelEntity.div) {
div.parentNode.removeChild(div);
}
});
})
}
if (hmCesium.hmUtil.measureGeometryEntityArr.length != 0) {
hmCesium.hmUtil.measureGeometryEntityArr.map(measureGeometryEntity => {
// hmCesium.hmUtil.draw.drawList에서 measureGeometryEntityArr의 요소와 동일한 엔티티 삭제
hmCesium.hmUtil.draw.drawList.map(draw => {
if (draw.id == measureGeometryEntity.id) {
hmCesium.viewer.entities.remove(draw);
hmCesium.hmUtil.draw.drawList = hmCesium.hmUtil.draw.drawList.filter((element) => element.id != draw.id);
}
})
})
}
hmCesium.viewer.scene.requestRender();
hmCesium.hmUtil.measureLabelEntityArr = [];
hmCesium.hmUtil.measureGeometryEntityArr = [];
}
// 측정 Clear 및 측정닫기
function measureClear() {
hmCesium.clearDraw();
// 마우스모드 초기화
hmCesium.endDraw();
// hmCesium.hmUtil.measureLayer에 포함된 엔티티 및 measureLayer에 모두 삭제
if (hmCesium.hmUtil.measureLayer) {
hmCesium.hmUtil.measureLayer.entities.removeAll();
delete hmCesium.hmUtil.measureLayer;
}
hmCesium.viewer.entities.removeAll();
hmCesium.viewer.scene.requestRender();
// 측정 라벨 div 전부 삭제
let divs = document.querySelectorAll('.measureLabel');
divs.forEach(div=>{
div.parentNode.removeChild(div);
});
hmCesium.hmUtil.measureLabelDivArr = [];
initCursorAndScreenEvent();
}
// 숫자 천 단위 콤마 추가, 소수점 넷 째 자리까지 표시
function addComma(val) {
let result = val.toFixed(4).toString().replace(/\B(? 0) return layer[0];
else{
if(!bMake) bMake = true;
if(bMake == true) {
layer = new Cesium.CustomDataSource(pName);
hmCesium.viewer.dataSources.add(layer);
return layer;
}
}
}
//라벨 생성
document.getElementById('func-label-btn').addEventListener('click',async (e)=>{
if(document.getElementById('func-label').style.display == 'none'){
resetAllMode();
document.getElementById('func-label').style.display = 'flex';
document.getElementById('func-label-bar').style.display = 'flex';
if(!document.getElementById('label-layer-btn').querySelector('input').checked){
document.getElementById('label-layer-btn').querySelector('input').checked = true;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('label-layer-btn').querySelector('input').dispatchEvent(event);
}
let ul = document.querySelector('#func-label ul');
ul.innerHTML = ``;
if(!hmCesium.labels){
hmCesium.labels = await readJSONFile(hmCesium.main.model[hmCesium.curModel].dLayer['label']);
}
for(let i = 0; i < hmCesium.labels.length; i++){
let li = document.createElement('li');
li.innerHTML = `
${hmCesium.labels[i].text}
`;
ul.appendChild(li);
li.addEventListener('click',()=>{
let option = {
location : [hmCesium.labels[i].longitude, hmCesium.labels[i].latitude, hmCesium.labels[i].height * 10, 0, -1.57],
duration : 1.5,
}
hmCesium.camera_flyTo(option);
})
}
//라벨 클릭 이벤트
hmCesium.viewer.screenSpaceEventHandler.setInputAction(labelClickEvent, Cesium.ScreenSpaceEventType.LEFT_CLICK);
}else{
document.getElementById('func-label').style.display = 'none';
document.getElementById('func-label-bar').style.display = 'none';
initCursorAndScreenEvent();
}
document.getElementById('func-label-btn').classList.toggle('on');
})
//라벨 클릭 이벤트
function labelClickEvent(e){
const pickedObject = hmCesium.viewer.scene.pick(e.position,1,1);
if(pickedObject.primitive && pickedObject.primitive.info && pickedObject.primitive.info.id.includes('label')){
openLabelProperty(pickedObject.primitive.info);
}
}
//라벨 생성창 호출
document.getElementById('label-add-btn').addEventListener('click',()=>{
document.body.addEventListener('mousemove', changeCursor);
hmCesium.viewer.screenSpaceEventHandler.setInputAction((e)=>{
const cartesian = hmCesium.viewer.scene.pickPosition(e.position);
if(Cesium.defined(cartesian)){
//위치 전달, 생성창 열기
openLabelProperty(undefined, cartesian);
initCursorAndScreenEvent();
//라벨 클릭 이벤트 다시 달아주기
hmCesium.viewer.screenSpaceEventHandler.setInputAction(labelClickEvent, Cesium.ScreenSpaceEventType.LEFT_CLICK);
}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
})
//라벨 속성창
async function openLabelProperty(label,position){
//속성창 오픈
document.getElementById('func-label-add').style.display = 'flex';
let text = document.getElementById('modal-label-text');//input
let size = document.getElementById('modal-label-size');//radio
let color = document.getElementById('modal-label-color');//radio
let alpha = document.getElementById('modal-label-alpha');//range
color.querySelector('#last-swatch').value = '#000000';
color.querySelector('#last-swatch').nextElementSibling.style.backgroundColor = '#000000';
if(label){//라벨 info가 있는경우 속성불러와서 표출
text.value = label.text;
size.querySelector(`input[value="${label.size}"]`).checked = true;
if(color.querySelector(`input[value="${label.bgColor}"]`)){
color.querySelector(`input[value="${label.bgColor}"]`).checked = true;
}else{
color.querySelector('#last-swatch').value = `${label.bgColor}`;
color.querySelector('#last-swatch').nextElementSibling.style.backgroundColor = `${label.bgColor}`;
color.querySelector('#last-swatch').checked = true;
}
alpha.value = (1-label.alpha);
alpha.style.background = `linear-gradient(to right, #fff ${(1-label.alpha)*100}%, #aaa ${(1-label.alpha)*100}%)`;
text.labelId = label.id;
text.latitude = label.latitude;
text.longitude = label.longitude;
text.labelHeight = label.height;
}else{//없는 경우 초기화
text.value = '';
size.querySelector('input[value="25"]').checked = true;
color.querySelector(`input[value="#000000"]`).checked = true;
alpha.value = 0;
alpha.style.background = `linear-gradient(to right, #fff ${0}%, #aaa ${0}%)`;
let carto = Cesium.Cartographic.fromCartesian(position);
text.latitude = Cesium.Math.toDegrees(carto.latitude);
text.longitude = Cesium.Math.toDegrees(carto.longitude);
text.labelHeight = carto.height;
text.labelId = undefined;
}
}
//라벨 속성창 닫기
document.getElementById('func-label-add').querySelector('img').addEventListener('click',()=>{
document.getElementById('func-label-add').style.display = 'none';
})
//라벨 속성창 삭제
document.getElementById('modal-label-delete').addEventListener('click',async ()=>{
let text = document.getElementById('modal-label-text');
let id = text.labelId;
let idx = findLabelIdx(id);
let label = hmCesium.labels[idx];
//삭제컨펌
if(!confirm(`라벨 "${(label)?label.text:document.getElementById('modal-label-text').value}" 정말 삭제합니까?`)) return;
if(idx != undefined){
hmCesium.labels.splice(idx,1);
}
await setLabel();
//라벨리스트 최신화
hmCesium.labels = await readJSONFile(hmCesium.main.model[hmCesium.curModel].dLayer['label']);
let ul = document.querySelector('#func-label ul');
ul.innerHTML = ``;
for(let i = 0; i < hmCesium.labels.length; i++){
let li = document.createElement('li');
li.innerHTML = `
${hmCesium.labels[i].text}
`;
ul.appendChild(li);
li.addEventListener('click',()=>{
let option = {
location : [hmCesium.labels[i].longitude, hmCesium.labels[i].latitude, hmCesium.labels[i].height * 10, 0, -1.57],
duration : 1.5,
}
hmCesium.camera_flyTo(option);
})
}
//지도창 라벨 다시 그리기
if(document.getElementById('label-layer-btn').querySelector('input').checked){
document.getElementById('label-layer-btn').querySelector('input').checked = false;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('label-layer-btn').querySelector('input').dispatchEvent(event);
}
document.getElementById('label-layer-btn').querySelector('input').checked = true;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('label-layer-btn').querySelector('input').dispatchEvent(event);
document.getElementById('func-label-add').style.display = 'none';
})
//라벨 속성창 적용
document.getElementById('modal-label-submit').addEventListener('click',async ()=>{
let text = document.getElementById('modal-label-text');
let id = text.labelId;
if(document.getElementById('modal-label-text').value == ''){
alert('텍스트를 꼭 입력해주세요.');
return;
}
let label = {
id:id,
text:document.getElementById('modal-label-text').value,
size:document.getElementById('modal-label-size').querySelector('input:checked').value,
bgColor:document.getElementById('modal-label-color').querySelector('input:checked').value,
alpha:1-document.getElementById('modal-label-alpha').value,
latitude:text.latitude,
longitude:text.longitude,
height:text.labelHeight,
projectId : hmCesium.main.projectCode,
modelId: hmCesium.curModel,
type:"label",
createDate:getToday()
}
if(id){
let idx = findLabelIdx(id);
hmCesium.labels[idx] = label;
}else{//신규
if(hmCesium.labels.length > 0)
label.id = `label`+(parseInt(hmCesium.labels[hmCesium.labels.length-1].id.split('label')[1])+1);
else
label.id = `label0`;
hmCesium.labels.push(label);
}
await setLabel();
//라벨리스트 최신화
hmCesium.labels = await readJSONFile(hmCesium.main.model[hmCesium.curModel].dLayer['label']);
let ul = document.querySelector('#func-label ul');
ul.innerHTML = ``;
for(let i = 0; i < hmCesium.labels.length; i++){
let li = document.createElement('li');
li.innerHTML = `
${hmCesium.labels[i].text}
`;
ul.appendChild(li);
li.addEventListener('click',()=>{
let option = {
location : [hmCesium.labels[i].longitude, hmCesium.labels[i].latitude, hmCesium.labels[i].height * 10, 0, -1.57],
duration : 1.5,
}
hmCesium.camera_flyTo(option);
})
}
//지도창 라벨 다시 그리기
if(document.getElementById('label-layer-btn').querySelector('input').checked){
document.getElementById('label-layer-btn').querySelector('input').checked = false;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('label-layer-btn').querySelector('input').dispatchEvent(event);
}
document.getElementById('label-layer-btn').querySelector('input').checked = true;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('label-layer-btn').querySelector('input').dispatchEvent(event);
document.getElementById('func-label-add').style.display = 'none';
})
//라벨 리스트에서 아이디로 라벨 idx찾기
function findLabelIdx(id){
if(hmCesium.labels.length < 1) return -1;
for(let i =0;i{
//전체 보이고 현재 모델만 안보이게
document.getElementById('label-get-list').querySelectorAll('li').forEach(ele=>{
ele.style.display = 'block';
})
document.getElementById(`select-${hmCesium.curModel}`).style.display = 'none';
document.getElementById('label-get-selected').innerHTML = `라벨을 가져올 모델을 선택하세요.`;
document.getElementById('label-get-selected').selectedModel = undefined;
document.getElementById('label-get').style.display='flex';
})
//라벨 가져오기 닫기
document.querySelector('#label-get img.icon').addEventListener('click',()=>{
document.getElementById('label-get').style.display='none';
})
//라벨 가져오기 적용
document.getElementById('label-get-submit').addEventListener('click',async()=>{
let id = document.getElementById('label-get-selected').selectedModel;
console.log(id);
let labels = await readJSONFile(hmCesium.main.model[id].dLayer['label']);
for(let i = 0; i < labels.length; i++){
if(hmCesium.labels.length > 0){
labels[i].id = `label${(parseInt(hmCesium.labels[hmCesium.labels.length-1].id.split('label')[1])+i+1)}`;
}else{
labels[i].id = `label${i}`;
}
}
hmCesium.labels = [...hmCesium.labels,...labels];
await setLabel();
//라벨리스트 최신화
hmCesium.labels = await readJSONFile(hmCesium.main.model[hmCesium.curModel].dLayer['label']);
let ul = document.querySelector('#func-label ul');
ul.innerHTML = ``;
for(let i = 0; i < hmCesium.labels.length; i++){
let li = document.createElement('li');
li.innerHTML = `
${hmCesium.labels[i].text}
`;
ul.appendChild(li);
li.addEventListener('click',()=>{
let option = {
location : [hmCesium.labels[i].longitude, hmCesium.labels[i].latitude, hmCesium.labels[i].height * 10, 0, -1.57],
duration : 1.5,
}
hmCesium.camera_flyTo(option);
})
}
//지도창 라벨 다시 그리기
if(document.getElementById('label-layer-btn').querySelector('input').checked){
document.getElementById('label-layer-btn').querySelector('input').checked = false;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('label-layer-btn').querySelector('input').dispatchEvent(event);
}
document.getElementById('label-layer-btn').querySelector('input').checked = true;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('label-layer-btn').querySelector('input').dispatchEvent(event);
document.getElementById('label-get').style.display='none';
})
//라벨 전체삭제
document.getElementById('label-delete-btn').addEventListener('click',async ()=>{
if(confirm(`${hmCesium.curModel.split('__')[1]}에 등록된 전체 라벨을 삭제합니까?`)){
// hmCesium.deleteBillAll();
let bills = hmCesium.getBillsByType('label');
bills.forEach(bill=>{
hmCesium.deleteBill(bill);
});
document.querySelector('#func-label ul').replaceChildren();
hmCesium.labels = [];
await setLabel();
}
})
//라벨 저장
async function setLabel(){
let jsonData = hmCesium.labels;
let res = await axios.post(hmCesium.main.query.setLabel.replace(':curModel', hmCesium.curModel), jsonData);
if(res.status != 200){
alert('라벨 저장 중 Error 발생');
}
}
//이슈 생성
document.getElementById('func-issue-btn').addEventListener('click',async (e)=>{
if(document.getElementById('func-issue').style.display == 'none'){
resetAllMode();
document.getElementById('func-issue').style.display = 'flex';
document.getElementById('func-issue-bar').style.display = 'flex';
if(!document.getElementById('issue-layer-btn').querySelector('input').checked){
document.getElementById('issue-layer-btn').querySelector('input').checked = true;
let event = new Event('change', { bubbles: true, cancelable: true });
await document.getElementById('issue-layer-btn').querySelector('input').dispatchEvent(event);
}
let ul = document.querySelector('#func-issue ul');
ul.innerHTML = ``;
if(!hmCesium.issues){
hmCesium.issues = await readJSONFile(hmCesium.main.model[hmCesium.curModel].dLayer['issue']);
}
for(let i = 0; i < hmCesium.issues.length; i++){
let li = document.createElement('li');
li.innerHTML = `
// 
// 
';
planFunctionProgressDiv.style.position = 'absolute';
planFunctionProgressDiv.style.display = 'flex';
planFunctionProgressDiv.style.width = '50px';
planFunctionProgressDiv.style.height = '50px';
planFunctionProgressDiv.style.left = '50%';
planFunctionProgressDiv.style.top = '50%';
planFunctionProgressDiv.style.transform = 'translate(-50%, -50%)';
planFunctionProgressDiv.style.background = 'rgba(255,255,255,0.5)';
planFunctionProgressDiv.style.borderRadius = '30px';
planFunctionProgressDiv.classList.add('plan-finction-progress');
document.body.appendChild(planFunctionProgressDiv);
} else {
if (!planFunctionProgressDiv) return;
document.body.removeChild(planFunctionProgressDiv);
planFunctionProgressDiv = undefined;
}
}
//plane 그리기함수
async function setPlanPrimitives(data, type, isRight) {
// collection 생성
let collection = new Cesium.PrimitiveCollection();
collection.id = `${type}PlanPolylineCollection`;
let geometryArray = [];
data.map(d => {
// 선 색깔 설정
let color = '#FF0000';
if (d.path) {
if (d.path.includes('Bline')) color = '#6699CC';
if (d.path.includes('Bplan')) color = '#0000FF';
if (d.path.includes('filling')) {
color = '#AABABA';
if (d.path.includes('j_filling')) color = '#CC9900';
if (d.path.includes('s_filling')) color = '#CD66CD';
}
if (d.path.includes('structure')) {
color = '#E8835E';
if (d.path.includes('structureT') || d.path.includes('structure_T')) color = '#00FF00';
}
if (d.path.includes('sichu')) color = '#000000';
if (d.path.includes('ascon')) color = '#848484';
}
if(d.text == 'Modified'){
if (d.path.toLowerCase().includes('blue')) color = '#0000ff';
if (d.path.toLowerCase().includes('brown')) color = '#e0a870';
if (d.path.toLowerCase().includes('cyan')) color = '#00ffff';
if (d.path.toLowerCase().includes('gray')) color = '#808080';
if (d.path.toLowerCase().includes('green')) color = '#00ff00';
if (d.path.toLowerCase().includes('red')) color = '#ff0000';
if (d.path.toLowerCase().includes('white')) color = '#ffffff';
if (d.path.toLowerCase().includes('yellow')) color = '#ffff00';
if (d.path.toLowerCase().includes('magenta')) color = '#ff00ff';
}
if(d.layer.includes('용지')) color = '#0BFA77';
Cesium.GeoJsonDataSource.load(d.geom).then((geojson) => {
geojson.entities.values.map(entity => {
let polylinePosition = entity.polyline.positions._value;
// 상세 도면 primitive 생성
let polylineGeometry = new Cesium.GeometryInstance({
geometry: new Cesium.GroundPolylineGeometry({
positions: polylinePosition,
width: 2,
arcType: Cesium.ArcType.GEODESIC
}),
attributes: {
color: new Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.fromCssColorString(color)),
}
});
geometryArray.push(polylineGeometry);
})
})
})
let polylinePrimitive = new Cesium.GroundPolylinePrimitive({
geometryInstances: geometryArray,
asynchronous: false,
appearance: new Cesium.PolylineColorAppearance(),
releaseGeometryInstances: false,
allowPicking: false,
});
// collection에 primitive 추가
collection.add(polylinePrimitive);
// type에 맞는 전역변수에 collection 저장
if (type == 'base') {
basePlanPolylineCollection = collection;
}else if(type == 'siteLine'){
siteLinePlanPolylineCollection = collection;
} else {
// detailPlanPolylineCollection = collection;
}
// hmCesium.viewer.scene.groundPrimitives에 collection 추가 후 requestRender
hmCesium.viewer.scene.groundPrimitives.add(collection);
hmCesium.viewer.scene.requestRender();
// progress 삭제
// if(type == 'base' || type=='siteLine') setTimeout(togglePlanFunctionProgress(false),2000);
setTimeout(togglePlanFunctionProgress(false),2000);
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////*** Layer (우측 하단) END ***//////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////*** footer (mouseInfo) ***///////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 토목좌표 설정
document.getElementById('gcs2').addEventListener('change', () => {
if(document.querySelector('input[name="pcs"]')) document.querySelector('input[name="pcs"]').checked = true;
document.querySelectorAll('input[name="pcs"]').forEach((radio) => {
radio.disabled = false;
let label = radio.closest('label');
label.style.opacity = '100%';
label.style.cursor = 'pointer';
});
hmCesium.change_coordiUnit(document.querySelector('input[name="pcs"]:checked').id);
});
// 좌표 변환 설정
document.querySelectorAll('input[name="pcs"]').forEach((radio) => {
radio.addEventListener('change', () => {
hmCesium.change_coordiUnit(radio.id);
});
});
// 위경도 설정
document.getElementById('gcs1').addEventListener('change', (e) => {
if (e.target.checked) {
hmCesium.change_coordiUnit('4326');
}
document.querySelectorAll('input[name="pcs"]').forEach((radio) => {
radio.disabled = true;
radio.checked = false;
let label = radio.closest('label');
label.style.opacity = '25%';
label.style.cursor = 'not-allowed';
});
});
// 모달열기
document.querySelector('.coordinate p').addEventListener('click', () => {
if(document.getElementById('select-coordi').style.display == 'none'){
document.getElementById('select-coordi').style.display = 'block';
}else{
document.getElementById('select-coordi').style.display = 'none';
}
});
// 모달닫기
document.getElementById('select-coordi-close').addEventListener('click', () => {
document.getElementById('select-coordi').style.display = 'none';
});
let keys = Object.keys(hmCesium.main.model);
let lastKey = keys[keys.length-1];
//모델 설정 후 좌표 바꾸기
if(hmCesium.main.model[lastKey].projection != '4326'){
document.getElementById('gcs2').click();
if(document.getElementById(hmCesium.main.model[lastKey].projection)){
document.getElementById(hmCesium.main.model[lastKey].projection).click();
}else{
document.getElementById('gcs1').click();
}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////*** footer (mouseInfo) END ***//////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////vietnam용 bill
async function makeVietnamBill(pLabels){
let labels = (!pLabels)?hmCesium.main.label:pLabels;
let layer = changeLayer('labels', true);
let keys = Object.keys(labels);
for(let i = 0; i < keys.length; i++){
let bill = {
html : `