MeasurementVolume

Example:

const getUrlFromBase64 = (base64Data) => {
  const b64Data = base64Data;
  const byteCharacters = window.atob(b64Data);
  const byteNumbers = new Array(byteCharacters.length);
  for (let i = 0; i < byteCharacters.length; i++) {
    byteNumbers[i] = byteCharacters.charCodeAt(i);
  }
  const byteArray = new Uint8Array(byteNumbers);
  const blob = new Blob([byteArray], { type: "image/png" });

  return URL.createObjectURL(blob);
};

const viewer = new Ditap.DitapViewer("ditapContainer", {
  baseLayerPicker: true,
  // 지형(터레인 지정)
  terrainProviderViewModels: [
    new Ditap.ProviderViewModel({
      name: "Ditap Korea Terrain",
      iconUrl: getUrlFromBase64(
        Ditap.ConstantUrl.DITAP_TERRAIN_IMG_URL
      ),
      tooltip: "WGS84 standard ellipsoid, also known as EPSG:4326",
      category: "Ditap",
      creationFunction: function () {
        return Ditap.NationwideTerrainProvider.create();
      },
    }),
  ],
});

const destination = Ditap.Cartesian3.fromDegrees(
  126.978275264,
  37.566642192,
  400
);

// 카메라 이동
viewer.scene.camera.flyTo({
  destination: destination,
});

//1. 지정된 영역 생성
const positions = [
  new Ditap.Cartesian3(-3044739.446567739, 4043823.403143691,3867463.012077135),
  new Ditap.Cartesian3(-3044747.714411474, 4043814.3380325786,3867466.015981707),
  new Ditap.Cartesian3(-3044752.780860346, 4043817.3342751344,3867458.802892699),
];
const options = {
  viewer: viewer,
  positions: positions,                                     // 영역 좌표
  // entityColor: Color.fromBytes(229, 30, 110, 255)         // 엔티티 색상
  // planHeight: Ditap.VolumePlanHeightType.AVERAGE,        // 계획고 타입
  // cellSize: 1,                                           // 분석 해상도
  // showCell: false,                                       // 셀 가시화 여부
  // fillingVolumeColor: Color.fromBytes(85, 25, 220, 35),     // 성토 셀 색상
  // cuttingVolumeColor: Color.fromBytes(220, 25, 105, 35), // 절토 셀 색상
  // planHeightVolumeColor: Color.GRAY.withAlpha(0.3),      // 0 셀 컬러
  // callback: () => {},                                    // 콜백 함수
  // classification: VolumeClassificationType.TERRAIN,      // 분석 타입
  // loading: true,                                         // 로딩 창 여부
};
const measurementVolume = new Ditap.MeasurementVolume(viewer, options);

//2. 체적 재측정
// measurementValume.calculateVolume(options);

//3. 마우스로 영역 지정 후 측정
const measurementVolume = new Ditap.MeasurementVolume({viewer: viewer});
const interactionVolume = new Ditap.InteractionVolume(viewer);
interactionVolume.measurementVolume = measurementVolume;
interactionVolume.on();