【Mars3d】设置backgroundImage、map.scene.skyBox、backgroundImage来回切换

ops/2024/12/22 19:52:18/

相关链接:

http://mars3d.cn/editor-vue.html?key=ex_1_2_1&id=map/other/backgroundImg

实现代码:


export function show1() {map.setOptions({scene: {backgroundType: "image",backgroundImage: "url(//data.mars3d.cn/img/busines/background1.jpg)"}})
}export function show2() {map.setOptions({scene: {backgroundType: "color",backgroundColor: "red"}})
}export function show3() {map.setOptions({scene: {backgroundType: "skybox",skyBox: {sources: {negativeX: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_mx.jpg",negativeY: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_my.jpg",negativeZ: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_mz.jpg",positiveX: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_px.jpg",positiveY: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_py.jpg",positiveZ: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_pz.jpg"}}}})}

效果:

原始写法:

export function show1() {// map.container.style.backgroundImage = "url(//data.mars3d.cn/img/busines/background1.jpg)"map.setOptions({scene: {backgroundImage: "url(//data.mars3d.cn/img/busines/background1.jpg)"}})
}export function show2() {// map.container.style.backgroundImage = "url(//data.mars3d.cn/img/map/world/world.jpg)"map.setOptions({scene: {backgroundColor: 'red',}})
}export function show3() {// map.container.style.backgroundImage = "url(//data.mars3d.cn/img/busines/background2.jpg)"map.scene.skyBox = new Cesium.SkyBox({sources: {negativeX: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_mx.jpg",negativeY: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_my.jpg",negativeZ: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_mz.jpg",positiveX: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_px.jpg",positiveY: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_py.jpg",positiveZ: "//data.mars3d.cn/img/skybox/3/tycho2t3_80_pz.jpg"}})
}


http://www.ppmy.cn/ops/144111.html

相关文章

docker离线部署

总体说明 通过下载或者创建文件最终在一个目录生成以下图片的内容,执行sh install.sh 脚本既可安装docker 下载 doker 离线文件 在地址 click 下载对应版本的docker文件,比如我上图下载的版本是docker-20.10.24.tgz 新建daemon.json文件 {"d…

day16 python(4)——UnitTest

【没有所谓的运气🍬,只有绝对的努力✊】 目录 1、UnitTest框架介绍 1.1 UnitTest框架 1.2 unitTest的组成(5部分) 1.2.1 TestCase(测试用例) 1.2.2 TestSuit 和 TestRunner 【方法1】 【方法2】 1…

HTMLCSS:酷炫的3D开关控件

这段代码创建了一个具有 3D 效果的开关控件&#xff0c;当用户点击滑块时&#xff0c;滑块会移动到开关的另一侧&#xff0c;同时改变背景颜色&#xff0c;模拟开关的开启和关闭状态。动画效果增加了页面的互动性和视觉吸引力。 演示效果 HTML&CSS <!DOCTYPE html>…

高效SQL优化技巧:解决常见性能问题的实战方案

目录 一. 问题&#xff1a;查询性能慢——全表扫描 二. 问题&#xff1a;查询过慢——不必要的排序 三. 问题&#xff1a;多表连接查询慢——连接条件不正确 四. 问题&#xff1a;查询包含 DISTINCT 时执行慢 五. 问题&#xff1a;查询中使用 LIKE 操作符性能差 六. 问题…

怎么在Windows上远程控制Mac电脑?

远程看看&#xff08;AnyViewer&#xff09;Mac版是一款免费的远程桌面软件&#xff0c;支持Windows、macOS、iOS和Android系统。通过远程看看&#xff0c;您可以轻松实现Windows远程控制Mac电脑。此软件采用了端到端的ECC非对称加密技术&#xff0c;保障了在远程连接过程中的隐…

【渗透测试】|brupsuit的使用

一、 1.1爆破模块&#xff1a; 1、将拦截发送到intruder模块 2、在intruder模块设置pyaload位置 3、选择攻击类型 4、 5、设置好攻击类型和payload集就可以点击开始攻击&#xff0c;点击后弹出具体攻击详情 6、【payloads】模块相关 6.1 payload集为【简单列表】 添加&…

【面试问题】JIT 是什么?和 JVM 什么关系?

JIT 是什么&#xff1a; JIT指即时编译器&#xff0c;是Java虚拟机&#xff08;JVM&#xff09;的一项核心技术。JIT编译器在程序运行时将字节码动态地编译成本地机器码&#xff0c;以提高Java应用程序的执行速度。JIT编译器会针对频繁执行的热点代码进行优化编译&#xff0c;…

后台管理系统权限功能菜单和按钮权限如何实现的

发现宝藏 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。【宝藏入口】。 在后台管理系统中&#xff0c;权限控制是一个关键的组成部分&#xff0c;涉及功能菜单权限和按钮权限两个方面。通过合理的权限控…