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

news/2024/12/22 22:45:07/

相关链接:

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/news/1557311.html

相关文章

Python使用GitLab API来获取文件内容

Python使用GitLab API来获取文件内容 一、前提条件 你需要有一个GitLab的访问令牌(Access Token),以便进行API调用。你需要知道GitLab项目的ID或路径。你需要知道你要拉取的tag或分支的名称。 三、获取GitLab的访问令牌 登录到你的GitLab…

flink实现复杂kafka数据读取

接上文:一文说清flink从编码到部署上线 环境说明:MySQL:5.7;flink:1.14.0;hadoop:3.0.0;操作系统:CentOS 7.6;JDK:1.8.0_401。 常见的文章中&…

轻松拿捏Spring

目录 Spring基础 什么是Spring框架 Spring 包含的模块有哪些? Core Container AOP Data Access/Integration Spring Web Messaging Spring Test Spring,Spring MVC,Spring Boot 之间什么关系? Spring基础 什么是Spring框架 Spring 是一款开源的轻量级 Java 开发框…

skyler实战渗透笔记—Kioptrix-1

0x00 前言 This Kioptrix VM Image are easy challenges. The object of the game is to acquire root access via any means possible (except actually hacking the VM server or player). The purpose of these games are to learn the basic tools and techniques in vuln…

Pytorch | 从零构建MobileNet对CIFAR10进行分类

Pytorch | 从零构建MobileNet对CIFAR10进行分类 CIFAR10数据集MobileNet设计理念网络结构技术优势应用领域 MobileNet结构代码详解结构代码代码详解DepthwiseSeparableConv 类初始化方法前向传播 forward 方法 MobileNet 类初始化方法前向传播 forward 方法 训练过程和测试结果…

三次翻转实现数组元素的旋转

给定一个数组,将数组中的元素向右移动 k 个位置。 示例 1: 输入: [1,2,3,4,5,6,7] 和 k 3 输出: [5,6,7,1,2,3,4] 解释: 向右旋转 1 步: [7,1,2,3,4,5,6] 向右旋转 2 步: [6,7,1,2,3,4,5] 向右旋转 3 步: [5,6,7,1,2,3,4]示例 2: 输入: [-1,-100,3,99] 和 k 2 …

UE5 移植Editor或Developer模块到Runtime

要将源码中的非运行时模块移植到Runtime下使用,个人理解就是一个解决编译报错的过程,先将目标模块复制到项目的source目录内,然后修改模块文件夹名称,修改模块.build.cs与文件夹名称保持一致 修改build.cs内的类名 ,每…

8K+Red+Raw+ProRes422分享5个影视级视频素材网站

Hello,大家好,我是后期圈! 在视频创作中,电影级的视频素材能够为作品增添专业质感,让画面更具冲击力。无论是广告、电影短片,还是品牌宣传,高质量的视频素材都是不可或缺的资源。然而&#xff…