📋
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
  • Function
  • getId() → string
  • SetGridPosition(leftTop, rightTop, rightBottom, leftBottom, altitude, row, col) → number
  • SetGridPositionByCellOptions(leftTop, altitude, width, height, row, col) → number
  • SetGridPositionByCellSize(leftTop, rightBottom, altitude, width, height) → number
  • SetGridCellDefaultColor(color) → boolean
  • SetGridCellColor(row, column, color) → boolean
  • SetLeftToRightSlopeAngle(angle) → boolean
  • SetLeftToRightSlopeAngleByAltitude(left, right) → boolean
  • SetFrontToBackSlopeAngle(angle) → boolean
  • SetFrontToBackSlopeAngleByAltitude(top, bottom) → boolean
  • SetDirectionAngle(angle) → boolean
  • SetTerrainUnion(union) → boolean
  • SetTerrainUnionGap(altitude) → boolean
  • SetDrawLine(type) → boolean
  • SetGridLineColor(color) → boolean
  • GetGridLeftTopPosition() → JSVector3D
  • GetGridRightTopPosition() → JSVector3D
  • GetGridLeftBottomPosition() → JSVector3D
  • GetGridRightBottomPosition() → JSVector3D
  • GetGridCellPosition(row, column) → JSVector3D
  • GetGridCellRect(row, column) → JSVec3Array
  • GetGridCellIndexByPosition(position) → string
  • GetGridEdgeLinePosition(type, value) → JSVec3Array
  • Create() → boolean
  • Getter / Setter
  • getDescription(), setDescription(desc) → string
  • getName(), setName(name) → string
  • getVisible(), setVisible(visible) → boolean
  • createHexagonGrid(options) → boolean

Was this helpful?

  1. API
  2. Object

JSColorGrid

지도 내 2차원 격자 객체를 생성 및 설정하기 위한 API 입니다.

PreviousJSBillboardNextJSColorGrid3D

Last updated 1 month ago

Was this helpful?

Module.createColorGrid() API를 생성합니다.

var colorGrid = Module.createColorGrid("ID");

Function

getId() → string

객체의 고유 명칭을 반환 합니다.

  • Return

    • string: 객체 설명 문자열이 성공적으로 반환.

    • null: 객체가 null인 경우.

var strKey = object.getId();

SetGridPosition(leftTop, rightTop, rightBottom, leftBottom, altitude, row, col) → number

2차원 격자의 각 꼭지점 좌표(경도, 위도)를 기준으로 격자 객체를 생성합니다.

Name
Type
Description

leftTop

좌상단 좌표(경도 위도).

rightTop

우상단 좌표(경도 위도).

rightBottom

우하단 좌표(경도 위도).

leftBottom

좌하단 좌표(경도 위도).

altitude

number

객체 높이.

row

number

그리드 가로 개수.

col

number

그리드 세로 개수.

  • Return

    • number: 격자를 구성하는 cell 갯수.

  • Sample

    • function showGrid 참조.

var colorGrid2D = Module.createColorGrid("COLOR_GRID_2D");
var gridCellNum = colorGrid2D.SetGridPosition(new Module.JSVector2D(124.2, 39), new Module.JSVector2D(130.5, 39), new Module.JSVector2D(130.5, 34.5), new Module.JSVector2D(124.2, 34.5), 100000.0, 100, 100);

SetGridPositionByCellOptions(leftTop, altitude, width, height, row, col) → number

격자의 좌상단 기준 좌표(경도, 위도)를 기준으로 2차원 격자 객체를 생성합니다.

Name
Type
Description

leftTop

좌상단 좌표(경도 위도).

altitude

number

객체 높이.

width

number

그리드 가로 길이.

height

number

그리드 세로 길이.

row

number

그리드 가로 개수.

col

number

그리드 세로 개수.

  • Return

    • number: 격자를 구성하는 cell 갯수.

var colorGrid2D = Module.createColorGrid("COLOR_GRID_2D");
var gridCellNum = colorGrid2D.SetGridPositionByCellOptions(new Module.JSVector2D(124.2, 39), 100000.0, 1000, 1000, 100, 100);

SetGridPositionByCellSize(leftTop, rightBottom, altitude, width, height) → number

최소, 최대 위치 좌표(경도 위도)를 기준으로 2차원 격자 객체를 생성합니다.

Name
Type
Description

leftTop

좌상단 좌표(경도 위도).

rightBottom

우하단 좌표(경도 위도).

altitude

number

객체 높이.

width

number

그리드 가로 길이.

height

number

그리드 세로 길이.

  • Return

    • number: 격자를 구성하는 cell 갯수.

var colorGrid2D = Module.createColorGrid("COLOR_GRID_2D");
var gridCellNum = colorGrid2D.SetGridPositionByCellSize(new Module.JSVector2D(124.2, 39), new Module.JSVector2D(130.5, 34.5), 100000.0, 1000, 1000);

SetGridCellDefaultColor(color) → boolean

2차원 격자 객체에 표현될 색상값을 설정합니다.

Name
Type
Description

color

격자 생상값.

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

  • Sample

    • function showGrid 참조.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetGridCellDefaultColor(new Module.JSColor(255, 255, 255, 0));

SetGridCellColor(row, column, color) → boolean

입력 변수값(row, colum)으로 해당되는 cell을 색상값을 설정합니다.

Name
Type
Description

row

number

가로 인덱스 번호.

column

number

세로 인덱스 번호.

color

Cell 색상값.

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

    • 실패 조건

      • 입력 변수값(row, column)이 2차원 격자 보다 큰값이 들어온 경우.

  • Sample

    • function showGrid 참조.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetGridCellColor(0, 0, new Module.JSColor(255, 255, 0, 0));

SetLeftToRightSlopeAngle(angle) → boolean

X축 기울기를 설정합니다.

Name
Type
Description

angle

number

기울기(degrees 단위).

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetLeftToRightSlopeAngle(30);

SetLeftToRightSlopeAngleByAltitude(left, right) → boolean

왼쪽, 오른쪽 고도값 기준 기울기를 설정합니다.

Name
Type
Description

left

number

왼쪽 기준 고도.

right

number

오른쪽 기준 고도.

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetLeftToRightSlopeAngleByAltitude(100000, 150000);

SetFrontToBackSlopeAngle(angle) → boolean

Y축 기울기를 설정합니다.

Name
Type
Description

angle

number

기울기(degrees 단위).

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetFrontToBackSlopeAngle(30);

SetFrontToBackSlopeAngleByAltitude(top, bottom) → boolean

위, 아래 고도값 기준 기울기를 설정합니다.

Name
Type
Description

left

number

위쪽 기준 고도.

right

number

아래쪽 기준 고도.

  • Return

    • true: 설정 성공.

    • false: 설정 실패..

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetFrontToBackSlopeAngleByAltitude(100000, 150000);

SetDirectionAngle(angle) → boolean

2차원 격자 객체의 방향을 설정합니다.

입력 변수값(angle)에 따른 회전 정보

  • 0, 360: 부쪽.

  • 90: 동쪽.

  • 180: 남쪽.

  • 270: 서쪽.

Name
Type
Description

angle

number

뱡향(degrees 단위).

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetDirectionAngle(0);

SetTerrainUnion(union) → boolean

2차원 격자 객체와 지형 결합 유무를 설정합니다.

Name
Type
Description

union

boolean

true: 지형결합. false: 객체 위치 기준.

.

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetTerrainUnion(true);

SetTerrainUnionGap(altitude) → boolean

2차원 격자 객체와 지형 결합 후 높이값을 설정합니다.

Name
Type
Description

altitude

number

지형으로 부터 높이.

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetTerrainUnion(true);
colorGrid2D.SetTerrainUnionGap(100);

SetDrawLine(type) → boolean

2차원 격자 객체의 테두리 생성 유무를 설정합니다.

테두리 생성 유무 초기 설정은 false 입니다.

Name
Type
Description

type

boolean

true: 테두리 생성. false: 테두리 미생성.

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetDrawLine(true);

SetGridLineColor(color) → boolean

2차원 격자 객체의 테두리 색상값을 설정합니다.

Name
Type
Description

color

색상값.

  • Return

    • true: 설정 성공.

    • false: 설정 실패.

    • 실패 조건

      • 2차원 격자 객체의 테두리 생성 옵션을 설정하지 않은 경우.

  • Sample

    • function showGrid 참조.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.SetGridLineColor(new Module.JSColor(255, 255, 0, 0));

2차원 격자 객체의 좌상단 좌표(경도, 위도, 고도)를 반환합니다.

  • Return

    • null: 반환 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

var position = colorGrid2D.GetGridLeftTopPosition();
var lon = position.Longitude;
var lat = position.Latitude;
var alt = position.Altitude;

2차원 격자 객체의 우상단 좌표(경도, 위도, 고도)를 반환합니다.

  • Return

    • null: 반환 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

var position = colorGrid2D.GetGridRightTopPosition();
var lon = position.Longitude;
var lat = position.Latitude;
var alt = position.Altitude;

2차원 격자 객체의 좌하단 좌표(경도, 위도, 고도)를 반환합니다.

  • Return

    • null: 반환 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
//...set grid object options...
colorGrid2D.Create();

var position = colorGrid2D.GetGridLeftBottomPosition();

var lon = position.Longitude;
var lat = position.Latitude;
var alt = position.Altitude;

2차원 격자 객체의 우하단 좌표(경도, 위도, 고도)를 반환합니다.

  • Return

    • null: 반환 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

var position = colorGrid2D.GetGridRightBottomPosition();
var lon = position.Longitude;
var lat = position.Latitude;
var alt = position.Altitude;

입력 변수값(row, colum)으로 해당되는 cell을 중심 좌표(경도, 위도, 고도)를 반환합니다.

Name
Type
Description

row

number

가로 인덱스 번호.

column

number

세로 인덱스 번호.

  • Return

    • null: 반환 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

var position = colorGrid2D.GetGridCellPosition(0, 0);
var lon = position.Longitude;
var lat = position.Latitude;
var alt = position.Altitude;

입력 변수값(row, colum)으로 해당되는 cell을 꼭지점 좌표(경도, 위도, 고도) 목록 정보를 반환합니다.

반환 꼭지점 좌표(경도, 위도, 고도) 정보

  • 좌상단 좌표, 우상단 좌표, 좌하단 좌표, 우하단 좌표

Name
Type
Description

row

number

가로 인덱스 번호.

column

number

세로 인덱스 번호.

  • Return

    • null: 반환 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

var position = colorGrid2D.GetGridCellRect(0, 0);

var leftTop = position.get(0);
var rightTop = position.get(1);
var rightbottom = position.get(2);
var leftbottom = position.get(3);

var lon = leftTop.Longitude;
var lat = leftTop.Latitude;
var alt = leftTop.Altitude;

GetGridCellIndexByPosition(position) → string

입력 변수값(position)에 해당되는 2차원 격자 객체를 구성하는 cell 인덱스 정보를 반환합니다.

Name
Type
Description

position

지점 좌표(경도, 위도, 고도).

  • Return

    • string: cell 인덱스 정보 반환 성공.

    • null: 반환 실패.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

var Index = colorGrid2D.GetGridCellIndexByPosition(new Module.JSVector2D(124.2, 39.5, 100));

2차원 격자 객체 테두리 시작, 끝 점에 해당하는 좌표를 반환합니다.

입력 변수값(type)에 따른 좌표 반환 정보.

  • 0: top.

  • 1: right.

  • 2: bottom.

  • 3: left.

Name
Type
Description

type

string

반환 정보 설정값.

value

number

테두리 margin.

  • Return

    • null: 반환 실패.

    • 실패 조건

      • 입력 변수값(type)이 지정된 값이 아닌 값이 입력된 경우.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

var linelist = colorGrid2D.GetGridEdgeLinePosition(0, 0);

Create() → boolean

설정된 정보를 기준으로 2차원 격자 객체를 생성합니다.

  • Return

    • true: 생성 성공.

    • false: 생성 실패.

    • 실패 조건

      • 입력된 좌표 정보가 없는 경우.

      • 설정된 가로, 세로 index 범위를 초과한 경우.

  • Sample

    • function showGrid 참조.

var colorGrid2D = Module.createColorGrid2D("COLOR_GRID_2D");
colorGrid2D.Create();

Getter / Setter

getDescription(), setDescription(desc) → string

객체에 대한 설명을 설정합니다.

Name
Type
Description

desc

string

설명 문자열.

  • Return

    • string: 객체 설명 문자열이 성공적으로 반환.

    • null: 객체가 null인 경우.

var strDesc = object.getDescription();
// ... or ...
object.setDescription("First Object.");

getName(), setName(name) → string

객체 이름을 설정합니다.

Name
Type
Description

name

string

객체 이름.

  • Return

    • string: 객체 이름을 성공적을 반환

    • null: 객체가 null인 경우.

var objName = object.getName();
// ... or ...
object.setName("MyObject");

getVisible(), setVisible(visible) → boolean

객체의 가시화 유무를 설정합니다.

Name
Type
Description

visible

boolean

true: 객체 가시화. false: 객체 비가시화.

  • Return

    • true: 객체 가시화 상태.

    • false: 객체 비가시화 상태.

var objName = object.getName();
// ... or ...
object.setVisible(true);

createHexagonGrid(options) → boolean

지정된 영역에 육각형 셀 그리드를 생성합니다.

Name
Type
Description

options

object

육각형 그리드 설정 정보

options 구조

Key
Type
Required
Default
Description

area

true

-

경위도 기준의 영역 좌표 리스트.

cellSize

number

true

-

셀의 한 변 길이 (단위: meter).

altitude

number

false

0.0

셀의 고도.

defaultCellColor

false

(255,255,255)

색상이 지정되지 않은 셀의 기본 색상.

cellColorList

array

false

[]

위치별 셀 색상 설정 리스트.

cellColorList 항목 구조

Key
Type
Description

longitude

number

색상을 적용할 셀의 경도.

latitude

number

색상을 적용할 셀의 위도.

color

적용할 색상 값.

  • Return

    • true: 생성 성공

    • false: 파라미터 오류 또는 생성 실패

var area = new Module.JSVec2Array();
area.push(new Module.JSVector2D(126.9, 37.5));
area.push(new Module.JSVector2D(126.91, 37.5));
area.push(new Module.JSVector2D(126.91, 37.51));
area.push(new Module.JSVector2D(126.9, 37.51));

var cellColorList = [
  { longitude: 126.905, latitude: 37.505, color: new Module.JSColor(255, 0, 0) },
  { longitude: 126.906, latitude: 37.506, color: new Module.JSColor(0, 255, 0) }
];

var options = {
  area: area,
  cellSize: 50,
  altitude: 10,
  defaultCellColor: new Module.JSColor(200, 200, 200),
  cellColorList: cellColorList
};

var grid = Module.createColorGrid("GRID_ID");
grid.createHexagonGrid(options);

GetGridLeftTopPosition() →

: 좌상단 좌표(경도, 위도, 고도) 반환 성공.

GetGridRightTopPosition() →

: 우상단 좌표(경도, 위도, 고도) 반환 성공.

GetGridLeftBottomPosition() →

: 좌하단 좌표(경도, 위도, 고도) 반환 성공.

GetGridRightBottomPosition() →

: 우하단 좌표(경도, 위도, 고도) 반환 성공.

GetGridCellPosition(row, column) →

: cell 중심 좌표(경도, 위도, 고도) 반환 성공.

GetGridCellRect(row, column) →

: cell 꼭지점 좌표 목록 반환 성공

GetGridEdgeLinePosition(type, value) →

: 테두리 시작, 끝 지점에 대한 좌표(경도, 위도, 고도) 반환 성공.

Sandbox_Grid(2D)
Sandbox_Grid(2D)
Sandbox_Grid(2D)
Sandbox_Grid(2D)
JSVector3D
JSVector3D
JSVector3D
JSVector3D
JSVector3D
JSVector3D
JSVector3D
JSVector3D
JSVector3D
JSVector3D
JSVec3Array
JSVec3Array
JSVec3Array
JSVec3Array
Sandbox_Grid(2D)
JSVector2D
JSVector2D
JSVector2D
JSVector2D
JSVector2D
JSVector2D
JSVector2D
JSColor
JSColor
JSColor
JSVector3D
JSVec2Array
JSColor
JSColor