1.index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Main</title>
<!-- cesium -->
<script src="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
</style>
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height: 100vh;"></div>
</body>
<script src="js/index.js"></script>
</html>2. index.js
Cesium.Ion.defaultAccessToken = 'Cesium 홈페이지에서 생성한 토큰';
const viewer = new Cesium.Viewer('cesiumContainer', {
timeline: true
});
// 시작 시 카메라가 위치로 바로 보여짐
viewer.camera.setView({
destination: new Cesium.Cartesian3.fromDegrees(
126.9747002,
37.39933544,
3000
)
});
// 카메라가 위치로 이동
viewer.scene.camera.flyTo({
destination : Cesium.Cartesian3.fromDegrees(pbv[0]-0.004, pbv[1]+0.005, 450),
orientation : {
heading : Cesium.Math.toRadians(-210.0),
pitch : Cesium.Math.toRadians(-28.0),
}
});
💻🧐💗💝💘💖