Cesium笔记(0)：Cesium简介及学习资料搜集

var viewer = new Cesium.Viewer('cesiumContainer', {//Cesium的最基础对象就是Viewer,3d地球的黑盒
  geocoder: false,//地理位置查询定位控件，默认使用bing地图服务.
  homeButton: false,//默认相机位置。
  sceneModePicker: false,//3D、2D和哥伦布模式的切换按钮.
  baseLayerPicker: false,//选择地形、影像等图层。
  navigationHelpButton: false,//显示默认的相机控制提示.
  animation: false,//控制场景动画的播放速度.
  creditContainer: "credit",//展示数据版权属性。
  timeline: false,//时间滚动条。
  fullscreenButton: false,//全屏切换。
})
viewer.scene.debugShowFramesPerSecond = true//显示FPS帧速
//添加覆盖物 种类 entity.point rectangle ellipse  polygons polyline corridor box cylinder
var redBox = viewer.entities.add({//通过Entity添加形状
  name: 'Red box with black outline',
  position: Cesium.Cartesian3.fromDegrees(-107.0, 40.0, 300000.0),
  box: {
    dimensions: new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),
    material: Cesium.Color.RED.withAlpha(0.5),//添加着色、材质(如纹理图片 images/cats.jpg）复杂的 : new Cesium.CheckerboardMaterialProperty({evenColor : Cesium.Color.WHITE, oddColor : Cesium.Color.BLACK, repeat : new Cesium.Cartesian2(4, 4)})

    fill: false,//控制表面是否填充
    outline: true,//控制是否有外边界
    outlineColor: Cesium.Color.BLACK
  }
})
viewer.zoomTo(viewer.entities) //更多：https://www.jianshu.com/p/8ae3624347cb

var czml = [//通过CZML添加，因为它可以描述动画。类似Google Earth的KML
  {"id": "document", "name": "box", "version": "1.0"},
  {
    "id": "shape2",
    "name": "Red box with black outline",
    "position": {"cartographicDegrees": [-107.0, 40.0, 300000.0]},
    "box": {
      "dimensions": {"cartesian": [400000.0, 300000.0, 500000.0]},
      "material": {
        "solidColor": {"color": {"rgba": [255, 0, 0, 128]}}
      },
      "outline": true,
      "outlineColor": {"rgba": [0, 0, 0, 255]}
    }
  }]
var dataSourcePromise = Cesium.CzmlDataSource.load(czml)
viewer.dataSources.add(dataSourcePromise)
viewer.zoomTo(dataSourcePromise)

//添加地图图层Tiles 3d Tiles包括 建筑 树木，点云和矢量数据
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
  url: url, //数据路径
  maximumScreenSpaceError: 2, //最大的屏幕空间误差
  maximumNumberOfLoadedTiles: 1000, //最大加载瓦片个数
  modelMatrix: m //形状矩阵
}))

//添加影像图层 教程：https://www.jianshu.com/p/98d4c0b2c618 https://cesiumjs.org/tutorials/Imagery-Layers-Tutorial/
var layers = viewer.scene.imageryLayers
var blackMarble = layers.addImageryProvider(new Cesium.createTileMapServiceImageryProvider({
  url: '//cesiumjs.org/tilesets/imagery/blackmarble',
  maximumLevel: 8,
  credit: 'Black Marble imagery courtesy NASA Earth Observatory'
}))
blackMarble.alpha = 0.5; // 0.0  全透明.  1.0 不透明.
blackMarble.brightness = 2.0; // > 1.0 增加亮度