PopupMeasurementVolume

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 new Ditap.CesiumTerrainProvider({
          url: "http://121.135.139.45:9092/tilesets/layer",
        });
      },
    }),
  ],
});

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

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

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 props = {
  positions: positions,
  callback: (measurementVolume) => {
    // 콜백 함수를 이용하여 계산이 완료된 MeasurementVolume을 할당
    const popupMeasurementVolume = new Ditap.PopupMeasurementVolume(measurementVolume);
    popupMeasurementVolume.open();
  }
};
const measurementVolume = new Ditap.MeasurementVolume(viewer, props);