C1—— cesium 离线开发去除在线图片自己添加背景图

第一步：

vsCode全局搜索createDefaultImageryProviderViewModels将providerViewModels里push的全部注释掉（主要是Cesium.js的）。

1.）Source\Widgets\BaseLayerPicker\createDefaultImageryProviderViewModels.js

2.）Source\Widgets\BaseLayerPicker\createDefaultTerrainProviderViewModels.js

3.）Build\CesiumUnminified\Cesium.js

第二部：创建viewer地图就会变成蓝色。一定要去掉baseLayerPicker以及地形imageryProvider否则还是会加载在线地图

var viewer = new Cesium.Viewer('cesiumContainer', {
    geocoder: false, //是否显示地名查找控件
    infoBox: false,
    animation: true, //是否显示动画控件(左下方那个)
    timeline: true, //是否显示时间线控件
    shadows: false, // 阴影是否被太阳投射
    showldAnimate: true, //让场景中的动画自动播放
    sceneModePicker: false, //是否显示投影方式控件
    fullscreenButton: false, //全屏按钮不显示
    homeButton: false,
    navigationHelpButton: false,//帮助按钮
    sceneMode: Cesium.SceneMode.SCENE3D, //设定3维地图的默认场景模
    scene3DOnly: true,//如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源 
    // baseLayerPicker: false, //是否显示图层选择控件  一定要删除的
    // imageryProvider: Imagerys.googeMap,
    terrainProvider: ellipsoidTerrainProvider
});

第三部：添加背景图片文件background.jpg。

var viewer = new Cesium.Viewer('cesiumContainer', {
    geocoder: false, //是否显示地名查找控件
    infoBox: false,
    animation: true, //是否显示动画控件(左下方那个)
    timeline: true, //是否显示时间线控件
    shadows: false, // 阴影是否被太阳投射
    showldAnimate: true, //让场景中的动画自动播放
    sceneModePicker: false, //是否显示投影方式控件
    fullscreenButton: false, //全屏按钮不显示
    homeButton: false,
    navigationHelpButton: false,//帮助按钮
    sceneMode: Cesium.SceneMode.SCENE3D, //3维地图的默认场景模式
    scene3DOnly: true,//如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源 
    // baseLayerPicker: false, //是否显示图层选择控件  一定要删除的
    // imageryProvider: Imagerys.googeMap,
    terrainProvider: ellipsoidTerrainProvider
});


viewer.imageryLayers.addImageryProvider(new Cesium.SingleTileImageryProvider({
    url: "./src/images/background.jpg",
}));

最终效果：

制作及添加离线地形，后面再写