<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>特定场景</title>
<script type="text/javascript" src="../../js/noCopy.js"></script>
<link rel="stylesheet" href="../../CesiumMini/Widgets/widgets.css">
<script src="../../CesiumMini/Cesium.js"></script>
<script type="text/javascript" src="../../lib/ZGLobe.js"></script>
<style>
body { box-sizing: border-box;
height: 100%;
padding: 0;
margin: 0;
}
#earth { position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="earth"></div>
<script type="text/javascript">
var zInst1 = new ZGLobe.Viewer('earth',{ showFPS: false,
depthTestAgainstTerrain: false,
show3DCoordinates: false,
homeButton: false,
fullscreenButton: true,
sceneModePicker: false,
navigationHelpButton: false,
geocoder: false,
infoBox : false,
selectionIndicator : false,
skyAtmosphere: false,
enableLighting: true,
scene3DOnly: false,
vrButton: false,
contextOptions: { webgl: { alpha: false,
preserveDrawingBuffer: true
}
},
bookmark:true
});
var data = [
{ id: '1',
name: '场景一',
index: 0,
position:new ZGLobe.Position({longitude: 119.96635, latitude: 36.77212, height:90000}), euler:new ZGLobe.Euler({heading: 0, pitch: -40, roll: 0}), duration:2
},
{ id: '2',
name: '场景二',
index: 1,
position: new ZGLobe.Position({longitude: 80.96635, latitude: 120.77212, height:90000}), euler:new ZGLobe.Euler({heading: 0, pitch: -40, roll: 0}), duration:4
},
{ id: '3',
name: '场景三',
index: 2,
position: new ZGLobe.Position({longitude: 40.96635, latitude: 80.77212, height:90000}), euler:new ZGLobe.Euler({heading: 0, pitch: -40, roll: 0}), duration:4
}
];
zInst1.bookmark.fillData(data);
</script>
</body>
</html>
