<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>CmWorld3 Sample</title>
<style>
html, body {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#cmworldCanvas {
width: 100%;
height: 100%;
}
</style>
<!--src include의 순서가 틀려지면 오류가 난다 주의하여 넣어야 한다-->
<!--우선 외부 라이브러리들이 가장 윗선에 와야 한다-->
<script src="./Cm3WebGL/lib/jquery-2.2.0.min.js"></script>
<script src="./Cm3WebGL/cm_compile.js"></script>
<script>
CMWORLD.Compile.includeCm3Library("./Cm3WebGL/");
</script>
<script>
var cmworld3Viewer;
window.onload = function () {
var canvas = document.querySelector("#cmworldCanvas");
var siteRoot = CMWORLD.Compile.getSiteRootUrl();
cmworld3Viewer = new CMWORLD.CmWorld3(canvas, 127, 38, CMWORLD.cm_const.EarthRadius);
cmworld3Viewer.option.worldTimer.setStartDateTime(2015, 7, 12, 14, 0, 0, 0);
// 영상레이어
cmworld3Viewer.addBaseImageLayer("http://cmworld.net:5050/CmWorld/CmWorldServlet?T=world_raster&L={z}&X={x}&Y={y}", 0, 14, 90, -90, -180, 180);
// 지형레이어
cmworld3Viewer.addTerrainLayer("terrain", "http://cmworld.net:5050/CmWorld/CmWorldServlet?T=dem30m&L={z}&X={x}&Y={y}", 0, 14, 90, -90, -180, 180, "CBT");
// 3D 건물 레이어
cmworld3Viewer.addVectorLayer("yangsan_pic_building", "http://cmworld.net:5050/CmWorld/CmWorldServlet", "http://www.cmworld.net:5050/CmWorld/ResourceManagerServlet", "yangsan_pic_building", 12, 19, 35.53, 35.25, 128.85, 129.24, "cmv");
cmworld3Viewer.addVectorLayer("songpa_pic_building", "http://cmworld.net:5050/CmWorld/CmWorldServlet", "http://www.cmworld.net:5050/CmWorld/ResourceManagerServlet", "songpa_pic_building", 14, 19, 37.5403, 37.4658, 127.0690, 127.1619, "cmv");
//cmworld3Viewer.addVectorLayer("gangnam_pic_building", "http://cmworld.net:5050/CmWorld/CmWorldServlet", "http://www.cmworld.net:5050/CmWorld/ResourceManagerServlet", "gangnam_pic_building", 14, 19, 37.5342, 37.4609, 127.0129, 127.1204, "cmv");
//cmworld3Viewer.addVectorLayer("guro_pic_building", "http://cmworld.net:5050/CmWorld/CmWorldServlet", "http://www.cmworld.net:5050/CmWorld/ResourceManagerServlet", "guro_pic_building", 14, 19, 37.5147, 37.4731, 126.8139, 126.9031, "cmv");
//cmworld3Viewer.addVectorLayer("gangdong_pic_building", "http://cmworld.net:5050/CmWorld/CmWorldServlet", "http://www.cmworld.net:5050/CmWorld/ResourceManagerServlet", "gangdong_pic_building", 14, 19, 37.5782, 37.5183, 127.1191, 127.1827, "cmv");
//cmworld3Viewer.addVectorLayer("gwangjin_pic_building", "http://cmworld.net:5050/CmWorld/CmWorldServlet", "http://www.cmworld.net:5050/CmWorld/ResourceManagerServlet", "gwangjin_pic_building", 14, 19, 37.5721, 37.5268, 127.0568, 127.1033, "cmv");
if (CMWORLD.Compile.DistributionMode == false) {
cmworld3Viewer.option.showFPS(true);
}
cmworld3Viewer.option.CMVTaskInterval = 20; // PointMesh 그리는 시간 확보
};
goYangsan = function () {
var eye_x = 129.027244;
var eye_y = 35.332852;
var eye_h = 1000;
var look_x = 129.026244;
var look_y = 35.333852;
var look_h = 500;
cmworld3Viewer.gotoLookAt(eye_x, eye_y, eye_h, look_x, look_y, look_h);
}
</script>
</head>
<body>
<canvas id="cmworldCanvas"></canvas>
<a href="#" onclick="goYangsan()" style="right: 10px; top: 10px; position: absolute; z-index: 10000;color: rgb(182, 255, 0)">샘플데이터</a>
</body>
</html>