📋
XDWorld_WebGL_Manual
  • 소개
    • XDWorld API
    • 시작하기
    • About EGIS
    • Release Note
      • 2.1x 버전 업데이트
      • 2.x 버전 업데이트
      • 1.6x 버전 업데이트
      • 1.5x 버전 업데이트
      • 1.4x 버전 업데이트
      • 1.3x 버전 업데이트
      • 이전 버전 업데이트
    • Tutorial
      • 카메라 설정
      • POI 생성하기
      • 폴리곤 생성하기
      • 라인 생성하기
      • 모델 추가하기
      • 레이어 설정
      • 배경 지도 설정
      • 거리 측정
      • 면적 측정
      • 높이 측정
      • 반경 측정
  • API
    • Module
    • Core
      • Collection
      • JSAABBox3D
      • JSColor
      • JSLine3D
      • JSSize2D
      • JSSize3D
      • JSVector2D
      • JSVector3D
      • JSVec2Array
      • JSVec3Array
      • JSDateTime
    • Analysis
      • JSAnalysis
      • JSAnalysisGridShadow
      • JSEarthquake
      • JSEditTerrain
      • JSFlood
      • JSGridAnal
      • JSSightAnalysis
      • JSSlope
      • JSTransparency
      • JSSolarManager
    • Camera
      • JSCamera
    • Layer
      • JSLayer
      • JSLayerList
      • JSImageryProvider
    • Map
      • JSMap
      • JSTerrain
      • JSIndexMap
    • Object
      • JSObject
      • JSAntenna
      • JSArrow
      • JSBarGraph
      • JSBarGraph3D
      • JSBillboard
      • JSColorGrid
      • JSColorGrid3D
      • JSColorPolygon
      • JSFigure
      • JSFlow
      • JSFlowPolygon
      • JSGhostSymbol
      • JSGhostSymbolMap
      • JSHTMLObject
      • JSIcon
      • JSInstanceObject
      • JSLineString
      • JSMultiCube
      • JSMultiPoint
      • JSPipe
      • JSPoint
      • JSPointGraph
      • JSPolygon
      • JSPolygonStyle
      • JSPolyLineStyle
      • JSReal3D
      • JSSurfaceGraph
      • JSSymbol
      • JSTimeSeriesObject
      • JSTraceTarget
      • JSTyphoon
      • JSVideoObject
      • JSViewFrustum
    • Option
      • JSControl
      • JSNavigationControl
      • JSOption
    • ETC
      • JSMath
      • JSProj
      • ~~JSProjection~~
      • SOPObject
      • EVENT
      • Type List
      • Tag List
Powered by GitBook
On this page
  • Layer Type List
  • step 1. 레이어 생성
  • step 2 - 1. 레이어 가시설정
  • step 2 - 2. 레이어 가시 거리설정
  • step 2 - 3. 레이어 선택 가능여부 설정
  • step 2 - 4. 레이어에 객체 추가
  • step 3 - 1. 색상 표현 우선 순위 설정

Was this helpful?

  1. 소개
  2. Tutorial

레이어 설정

Previous모델 추가하기Next배경 지도 설정

Last updated 2 years ago

Was this helpful?

레이어는 객체를 담는 스케치북 입니다. 객체를 생성하고 랜더링하기 위해서는 레이어가 필요합니다. 객체를 생성하고 레이어에 삽입하지 않으면 해당 객체는 랜더링되지 않습니다. 또한 필요한 레이어만 랜더링하기 위해서 가시설정을 할 수 있습니다.

Layer Type List

step 1. 레이어 생성

객체를 생성하고 랜더링하기 위해서는 레이어가 필요하기 때문에 레이어를 생성합니다.

var userlayer = new Module.JSLayerList(true);
userlayer = layerList.createLayer("layerName", Module.ELT_POLYHEDRON);

step 2 - 1. 레이어 가시설정

step 1 에서 생성한 레이어의 가시설정을 합니다.

  • true : 레이어의 모든 객체 랜더링

  • false : 레이어의 모든 객체 랜더링하지 않음

userlayer.setVisible(false);

step 2 - 2. 레이어 가시 거리설정

step 1 에서 생성한 레이어의 가시 거리를 설정합니다.

  • getMaxDistance : 최대 가시거리 반환

  • setMaxDistance : 최대 가시거리 설정

  • getMinDistance : 최소 가시거리 반환

  • setMinDistance : 최소 가시거리 설정

userlayer.setMaxDistance(10);
userlayer.setMaxDistance(2000);

step 2 - 3. 레이어 선택 가능여부 설정

step 1 에서 생성한 레이어의 선택 가능여부를 설정합니다.

  • setSelectable : 레이어 선택 가능여부 설정

  • getSelectable : 레이어 선택 가능여부 반환

userlayer.setSelectable(true);

step 2 - 4. 레이어에 객체 추가

step 1 에서 생성한 레이어에 객체를 추가합니다.

var object = 객체 생성;
userlayer.addObject(object, 0);	// (객체, 삽입할 레벨)

step 3 - 1. 색상 표현 우선 순위 설정

step 2-4 에서 추가 된 객체 색상 우선 순위는 아래와 같습니다.

  • 1순위 : 객체 선택 색상

  • 2순위 : 객체 원본 면 색상

  • 3순위 : 외부에서 설정한 객체 색상

  • 4순위 : 레이어 색상

  • 5순위 : 객체 원본 색상

var userlayer = 레이어 생성;
var object = 객체 생성;
/**
 *  1순위
 *  색상 지정 후 객체 선택 시 표현
 */
Module.getOption().selectColor = new Module.JSColor(255, 255, 0, 0);
/**
 *  2순위
 *  JSPolyon Type에서 사용
 */
var style = object.getStyle();
style.setOutLineColor(new Module.JSColor(255, 255, 255, 255));
style.setFillColor(new Module.JSColor(255, 255, 0, 0));
object.setStyle(style);
/**
 *  3순위
 */
object.setObjectColor(new Module.JSColor(255, 255, 255, 255));
/**
 *  4순위
 *  추후 기능 구현 예정
 */
/**
 *  5순위
 *  원본 객체 색상으로 변경이 불가 3순위로 대체 가능
 */

레이어 타입에 대한 설명은 를 참조해 주십시오.

여기