<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>地形数据</title>
<link href="./css/widgets.css" rel="stylesheet">
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/pretty.css" rel="stylesheet">
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/bootstrap-select.min.js"></script>
<script src="./js/require.min.js" data-main="js/main"></script>
<script src="./js/tooltip.js"></script>
<script src="./js/config.js"></script>
</head>
<body>
<button id='hide'>隐藏地形</button>
<button id='show'>显示地形</button>
<div id="container" style="width: 100%; height: 100%;"></div>
<script>
function onload(Cesium) {
var viewer = new Cesium.Viewer('container');
var original = viewer.terrainProvider;
viewer.imageryLayers.addImageryProvider(new Cesium.TiandituImageryProvider({
token: URL_CONFIG.TOKEN_TIANDITU
}));
viewer.imageryLayers.addImageryProvider(new Cesium.TiandituImageryProvider({
mapStyle : Cesium.TiandituMapsStyle.CIA_C,
token: URL_CONFIG.TOKEN_TIANDITU
}));
viewer.scene.camera.setView({
destination : new Cesium.Cartesian3.fromDegrees(x,y,z)
});
var terrainProvider = new Cesium.CesiumTerrainProvider({
url : "http://localhost:8090/iserver/services/3D-xxx/rest/realspace/datas/xxx"
requestWaterMask : true,
requestVertexNormals : true,
isSct : true
});
$("#hide").click(function(){
viewer.terrainProvider = original;
});
$("#show").click(function(){
viewer.terrainProvider = terrainProvider;
});
}
</script>
</body>
</body>
</html>
网友评论