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

embedded/2024/12/21 21:19:01/

相关链接:

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/embedded/147628.html

相关文章

计算机视觉学习证书为智能化工作做贡献

在当今数字化与智能化浪潮汹涌澎湃的时代,计算机视觉技术作为人工智能领域的关键分支,正以前所未有的速度改变着我们的生活与工作方式。工信部计算机视觉证书,便是在这一背景下应运而生的权威认证,为广大技术爱好者与从业者开启了…

oracle常用语句

目录 一.连接数据库SQL*Plus 连接本地连接远程连接使用操作系统认证 二.管理数据库启动数据库关闭数据库 三.数据字典和视图视图:1.数据库基础信息视图V$DATABASEV$INSTANCEV$VERSION 2.用户和权限管理视图DBA_USERSDBA_ROLE_PRIVSDBA_SYS_PRIVSDBA_TAB_PRIVS 3.表空…

Unbuntu下怎么生成SSL自签证书?

环境: WSL2 Unbuntu 22.04 问题描述: Unbuntu下怎么生成SSL自签证书? 解决方案: 生成自签名SSL证书可以使用OpenSSL工具,这是一个广泛使用的命令行工具,用于创建和管理SSL/TLS证书。以下是生成自签名…

word实现两栏格式公式居中,编号右对齐

1、确定分栏的宽度 选定一段文字 点击分栏:如本文的宽度为22.08字符 2、将公式设置为 两端对齐,首行无缩进。 将光标放在 公式前面 点击 格式-->段落-->制表位 在“制表位位置”输入-->11.04字符(22.08/211.04字符)&…

国标GB28181网页直播平台EasyGBS:网络摄像机中的音频及音频编码技术解析

在网络摄像机领域,音频质量及其编码方式对于视频监控系统的整体性能至关重要。音频作为视频监控系统的重要组成部分,不仅能够提供现场的声音信息,增强监控的实时性和准确性,还能在事件发生后为调查提供宝贵的语音证据。 一、网络摄…

每天40分玩转Django:Django中间件

Django中间件 一、今日学习内容概述 学习模块重要程度预计学时主要内容中间件基础概念⭐⭐⭐⭐⭐1小时中间件原理、执行顺序Django内置中间件⭐⭐⭐⭐1.5小时常用中间件详解自定义中间件开发⭐⭐⭐⭐⭐2小时中间件编写、应用场景中间件最佳实践⭐⭐⭐⭐1.5小时性能优化、代码…

C语言数据库管理系统示例:文件操作、内存管理、错误处理与动态数据库设计 栈和堆的内存分配

C语言的管理数据库完整的小型系统示例&#xff1a; #include <stdio.h> // 引入标准输入输出库&#xff0c;提供printf等功能 #include <assert.h> // 引入断言库&#xff0c;用于调试时检查条件 #include <stdlib.h> // 引入标准库&#xf…

提升PHP技能:18个实用高级特性

掌握PHP基础知识只是第一步。 深入了解这18个强大的PHP特性&#xff0c;将显著提升您的开发效率和代码质量。 1、超越 __construct() 的魔法方法 虽然 __construct() 为大多数开发者所熟知&#xff0c;PHP 却提供了更多强大的魔术方法&#xff0c;例如&#xff1a; class Da…