<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>模型矩阵</title>
<link href="src/Cesium/Widgets/widgets.css" rel="stylesheet" />
<script src="src/Cesium/Cesium.js"></script>
<script src="src/dat.gui.min.js"></script>
<script src="src/cesium-transform.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
html,
body,
#viewer-container {
width: 100%;
height: 100%;
overflow: hidden;
}
#btn {
position: absolute;
top: 50px;
left: 50px;
}
</style>
</head>
<body>
<div id="viewer-container"></div>
<script>
// init
function initPage() {
// 切换自己的token
Cesium.Ion.defaultAccessToken = '..rk-n3tDfpFCaqLvsklRWMI9z5TZhjrv-';
// 初始化
viewer = new Cesium.Viewer("viewer-container", {
infoBox: false,
shouldAnimate: true,
vrButton: true,
geocoder: false,
homeButton: false,
sceneModePicker: false,
baseLayerPicker: true,
navigationHelpButton: false,
animation: false,
timeline: false,
fullscreenButton: false,
});
// tilset地址
const url = 'http://earthsdk.com/v/last/Apps/assets/dayanta/tileset.json'
// 基础参数
let tileModelParam = {
url: url,
scale: 1.0,
longitude: 116.29393709916772,
latitude: 39.935457593075405,
height: 0.0,
rx: 0,
ry: 0,
rz: 0,
alphaEnble: false,
alpha: 1.0
}
// 调用调整面板
TilesetMatrixPanel(viewer, { tileModelParam: tileModelParam })
}
// load
window.onload = function () {
initPage()
}
</script>
</body>
</html>