PopupAnalysisSlope

경사도 분석 팝업 클래스.
Slope analysis popup class.

new Ditap.PopupAnalysisSlope(viewer, options)

Name Type Description
viewer DitapViewer 사용할 Ditap Viewer 인스턴스.
The DitapViewer instance to use.
options Object optional 옵션.
Options.
Name Type Description
startColor Color optional 가장 낮은 경사도 그리드 색상.
Start color.
midColor Color optional 중간 경사도 그리드 색상.
Middle color.
endColor Color optional 가장 높은 경사도 그리드 색상.
End color.
Example:
// 샌드캐슬 예제 'DiTAP - Slope' 참조
  
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", {
  fullscreenButton: true,
  baseLayerPicker: true,
  // 지형(터레인 지정)
  // 디폴트 지형 : Ditap Korea Terrain
  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: () => {
        return Ditap.NationwideTerrainProvider.create();
      },
    }),
  ],
});
// 경사도 분석 팝업 생성
const PopupAnalysisSlope = new Ditap.PopupAnalysisSlope(viewer);

// 경사도 분석 팝업 실행
PopupAnalysisSlope.open();

Extends

Methods

appendContent(element)

컨텐츠 영역에 요소 추가.
Append element to content.
Name Type Description
element Element 추가할 요소.
Element to add.
Inherited From:

appendFooter(element)

푸터 영역에 요소 추가.
Append element to footer.
Name Type Description
element Element 추가할 요소.
Element to add.
Inherited From:

appendHeader(element)

헤더 영역에 요소 추가.
Append element to header.
Name Type Description
element Element 추가할 요소.
Element to add.
Inherited From:

close(element)

팝업 닫기.
Close popup.
Name Type Description
element Element 매개변수가 없는 경우 wrapper 오픈.
If no parameter is entered, close wrapper.
Inherited From:

colorToHex(color)string

Cesium.Color를 16진수 문자열로 변환
Name Type Description
color Cesium.Color Cesium 색상
Returns:
16진수 색상 문자열

destroy()

이 객체의 모든 리소스 제거.
Remove all resources of this object.
Inherited From:

open(element)

팝업 열기.
Open popup.
Name Type Description
element Element 매개변수가 없는 경우 wrapper 오픈.
element If no parameter is entered, open wrapper.
Inherited From:

prependContent(element)

컨텐츠 영역 맨 앞에 요소 추가.
Prepend element to content.
Name Type Description
element Element 추가할 요소.
Element to add.
Inherited From:

prependFooter(element)

푸터 영역 맨 앞에 요소 추가.
Prepend element to footer.
Name Type Description
element Element 추가할 요소.
Element to add.
Inherited From:

prependHeader(element)

헤더 영역 맨 앞에 요소 추가.
Prepend element to header.
Name Type Description
element Element 추가할 요소.
Element to add.
Inherited From:

removeAllContent()

컨텐츠 영역의 모든 자식 요소 제거.
Remove all children of content.
Inherited From:

removeAllFooter()

푸터 영역의 모든 자식 요소 제거.
Remove all children of footer.
Inherited From:

removeAllHeader()

헤더 영역의 모든 자식 요소 제거.
Remove all children of header.
Inherited From:

removeContent(element)

컨텐츠 영역의 자식 요소 제거.
Remove children of content.
Name Type Description
element Element 제거할 요소.
Element to remove.
Inherited From:

removeFooter(element)

푸터 영역의 자식 요소 제거.
Remove children of footer.
Name Type Description
element Element 제거할 요소.
Element to remove.
Inherited From:

removeHeader(element)

헤더 영역의 자식 요소 제거.
Remove children of header.
Name Type Description
element Element 제거할 요소.
Element to remove.
Inherited From:

toggle(element)

팝업 활성화 on/off 기능.
Function on and off.
Name Type Description
element Element 매개변수가 없는 경우 wrapper 오픈.
If no parameter is entered, toggle wrapper.
Inherited From:

updateGradientColors(startColor, middleColor, endColor)

세 개의 색상으로 그라데이션을 생성하여 defaultColors를 업데이트합니다.
Name Type Description
startColor Cesium.Color 시작 색상
middleColor Cesium.Color 중간 색상
endColor Cesium.Color 끝 색상