运行
刷新

源代码编辑器

<!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
      }
    },
    hawkeye: false,
    bookmark:false
  })
  zInst1.ZEntityCollection.addZEntity(new ZGLobe.ZEntity({
    id: 'ellipsoid',
    type: ZGLobe.Constants.EntityTypes.ELLIPSOID,
    position: {longitude: 123.521, latitude: 34.53, height: 300000},
    ellipsoid: {
      radii: [300000, 300000, 300000],
      show: true,
      fill: true,
      material: ZGLobe.color.fromCssColor('#305',0.9),
      outline: true,
      outlineColor: ZGLobe.color.fromCssColor('#1e5',0.9),
      outlineWidth: 10,
      subdivisions: 28,
      stackPartitions: 14,
      slicePartitions: 14,
      shadows: 0
    }
  }))
  zInst1.camOper.lookAt(new ZGLobe.Position({longitude: 123.521,
    latitude: 34.53, height: 300000}),new ZGLobe.Euler({heading: 0, pitch: -40, roll: 0}),10000000)
</script>
</body>
</html>