📋
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
  • Properties
  • Function
  • createbyJson(option) -> object
  • refresh()
  • Type Definitions

Was this helpful?

  1. API
  2. Object

JSHTMLObject

지도 내 경로 기능을 관리하기 위한 API 입니다.

PreviousJSGhostSymbolMapNextJSIcon

Last updated 6 months ago

Was this helpful?

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

let trace = Module.createHTMLObject("ID");

Properties

Name
Type
Description

element

HTML element

JSHTMLObject element.

verticalAlign

string

JSHTMLObject 가시화 수평 정렬 설정 (left, center, right).

horizontalAlign

string

JSHTMLObject 가시화 수직 정렬 설정 (top, middle, bottom).

position

중심 좌표 설정 (경도, 위도, 고도).

Function

createbyJson(option) -> object

HTML Element 객체를 생성합니다.

Name
Type
Description

option

속성 정보.

  • Return

    • .result: API 성공 유무 상태 ( 1 : 성공, 0 : 실패 ).

    • .name: 동작 API 명칭.

    • .return: API 반환 정보 ( 문자열 : 실패 에러 코드 ).

  • Sample

    • function createDivObject 참조.

let element = document.createElement("div");
let parameter = {
    position: new Module.JSVector3D(129.13782351349964, 35.17887462859219, 400.0),
    container: "divcontainer",
    canvas: Module.canvas,
    element: element,
};
let object = Module.createHTMLObject("div_object");
object.createbyJson(parameter);

refresh()

객체 가시화를 갱신합니다.

객체 옵션 변경에 따른 가시화 변경 사항을 즉시 적용합니다.

// Omission of object creation and connection process.
object.refresh();

Type Definitions

JSHTMLObject.CreateOptions

HTML 객체 생성 옵션.

Name
Type
Attributes
Default
Description

position

중심 좌표 (경도, 위도, 고도).

container

string

web element를 보관할 컨테이너 명칭.

canvas

web element

화면 크기 설정을 위한 캔버스 element.

element

web element

가시화 할 web element.

verticalAlign

string

optional

top

가시화 옵션(수직 정렬).

horizontalAlign

string

optional

left

가시화 옵션(수평 정렬).

moveChange

function

optional

가시화 변경 시점 콜백 함수.

Sandbox_HTML_Media
JSVector3D
JSVector3D
JSHTMLObject.CreateOptions