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",
}));

最终效果：

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

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

Php点击更换封面,JavaScript_js实现点击图片改变页面背景图的方法，本文实例讲述了js实现点击图 - phpStudy...
js实现点击图片改变页面背景图的方法本文实例讲述了js实现点击图片改变页面背景图的方法.分享给大家供大家参考.具体实现方法如下: 点击图片即改变页面的背景图片希望本文所述对大家的javascrip ...
ps怎么把图片背景变透明_ps怎么添加背景？ps怎么添加背景图？
PS添加背景图的教程: 1.打开Adobe Photoshop.这是一个蓝色应用图标,其中包含字母" Ps". 2.单击文件.它位于屏幕顶部菜单栏的左侧. 3.点击打开....它在 ...
cesium: 设置skybox透明并添加背景图 ( 003 )
第003个点击查看专栏目录本示例的目的是介绍如何在vue+cesium中设置skybox透明并添加背景图. 我们不想要黑乎乎的背景,想自定义一个背景图,然后前面显示地球. 直接复制下面的 vue+ ...
python：【一文学会】批量读取图片、替换背景图中的像素位置、批量添加文本
**导语:**有时候为了提升效率节省时间,我们需要对文件夹中的图片进行批量处理.由于工作和学习所需,新接触Python,并且实现批量图片操作. 本文处理效果: 以及这样: 正文开始步骤:实现一张背景 ...
MATLAB批量为png透明(抠图)图片替换添加背景
MATLAB批量为png透明(抠图)图片替换添加背景说明最近有个小需求, 需要抠图后将抠图的背景替换为指定图片, 如果一张一张做, 图片多了实在是不好用. 前提准备好背景图片, 一张准备好目标 ...
php图片检索,PHP开发入门-在线图片搜索代码分享
这节我们来实现一个在线图片搜索的小功能,听起来是不是很高大上呢?当然并非我们要实现一个图片搜索引擎,而是要站在巨人的肩膀上,借助API实现.我们的目的呢,当然是学习PHP开发啦! 首先创建html页面 ...
改造ueditor 在线图片功能添加删除功能
var imgPath = "";/* 在线图片 */function OnlineImage(target) {this.container = utils.isString(t ...
uni-app微信小程序image引入图片；background-image背景图引入图片；小程序预览本地图片；小程序图片过大引入报错；获取本地图片的网络地址；
uni-app小程序图片使用有image标签和background-image背景图两种方式: 下有获取本地图片的网络地址方式:见第四步一.方式一:使用image标签引入: uni-app官方ima ...
java框体怎么添加背景图,文本框添加背景图片，文本框背景图片,public class
文本框添加背景图片,文本框背景图片,public classpublic class WatermarkTextField extends JTextField { BufferedImage img ...

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

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

最新文章

热门文章