CmWorld Home Return

지도응용

CmWorld 지도

Vworld 지도

3D 벡터

이미지 적용

극점 그리기

그래픽을 사용한 등고선

등고선

건물 용적률 계산

광원

광원 기준점

태양의 움직임

서치라이트

지오메트리

전광판

이미지 추가

모형 추가

3차원 입체격자

입체격자 컨셉트

입체격자 적용예

입체격자 디테일

지하공간

벡터형상

시각정보

3D 입체효과

건불정보

드론 비행

특정위치로 이동

지하지형물 확인하기

1인칭 시점

공간분석

침수지역 예측

적성 토량 예측

Sample 지오메트리 이미지 추가

이미지 추가

지오메트리 속성을 사용하여 특정 Object에 이미지를 넣거나 동영상을 넣을수 있도록 구현합니다.

CmWorld3 Sample

JS SCRIPT



// 시계 설정
onupdateobject = function (userObject, deltatime) {
    var d = new Date();
    var backimage;
    context.clearRect(0, 0, backimage.width, backimage.height);
    var text = d.getHours().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) + " : "
             + d.getMinutes().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) + " : "
             + d.getSeconds().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false });
    context.drawImage(backimage, 0, 0, backimage.width, backimage.height);
    context.font = "36px arial bold";
    context.fillStyle = "white";
    context.fillText(text, 5, 40);
    context.lineWidth = 1;
    context.strokeStyle = "red";
    context.strokeText(text, 5, 40);

    userObject.updateMaterial();
}
// 이미지 설정
example = function () {
    userLayer = new CMWORLD.UserObjectLayer("lines");
    cmworld.addLayer(userLayer);

    var img = document.createElement("img");

    img.onload = function (image) {
        backimage = image.currentTarget;

        canvas = document.createElement("canvas");
        canvas.width = image.currentTarget.width;
        canvas.height = image.currentTarget.height;

        context = canvas.getContext("2d");

        var obj = CMWORLD.UserObject.createPlane("이름", x좌표, y좌표, z좌표, x좌표, y좌표, z좌표, canvas, true, onupdateobject);

        userLayer.add(obj);
    }
    img.src = '이미지 경로';
}
License지원브라우저Tel: 02-578-5101E-mail: mspyun@cmworld.co.kr

© CmWorld INC all right reserved.