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

server/2024/12/22 22:42: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/server/152338.html

相关文章

C# 从控制台应用程序入门

总目录 前言 从创建并运行第一个控制台应用程序,快速入门C#。 一、新建一个控制台应用程序 控制台应用程序是C# 入门时,学习基础语法的最佳应用程序。 打开VS2022,选择【创建新项目】 搜索【控制台】,选择控制台应用(.NET Framew…

深入理解STL list erase

1、list erase后&#xff0c;当前的迭代器失效&#xff0c;返回指向下一个节点的迭代器 #include<list> #include<iostream> #include<vector> using namespace std;int main() {list<int> ls;ls.push_back(1);ls.push_back(2);ls.push_back(3);list&…

STM32-笔记4-按键点亮led

1、复制03项目流水灯&#xff0c;重命名改成05项目&#xff0c;05-按键控制翻转灯的状态 在BSP文件夹里新建key文件夹&#xff0c;在该文件夹里面&#xff0c;新建两个key.c和key.h文件 2、打开工程文件-加载文件 在品和魔术棒里面把刚才新建的key文件夹里面的.c 和.h文件加载…

软件维护的实施

软件维护活动 (1) 维护机构 除了较大的软件开发公司外&#xff0c;通常在软件维护工作方面&#xff0c;不保持正式的维护机构。维护往往是在没有计划的情况下进行的。虽然不要求建立一个正式的维护机构&#xff0c;但是在开发部门&#xff0c;确立一个非正式的维护机构则是非常…

【Http,Netty,Socket,WebSocket的应用场景和区别】

Http&#xff0c;Netty&#xff0c;Socket&#xff0c;WebSocket的应用场景和区别 Http、Netty、Socket、WebSocket都是网络通信领域中的重要技术和工具&#xff0c;它们在应用场景和特性上有所区别。以下是对这四种技术和工具的应用场景及区别的详细分析&#xff1a; Http的…

docker如何学习与使用入门

学习和使用 Docker 的入门可以分为以下几个步骤。Docker 是一个功能强大的工具&#xff0c;通过容器化技术使得应用开发和部署更加高效、简便。以下是一个逐步的学习路径&#xff0c;帮助你从入门到熟练掌握 Docker。 1. 理解容器化的概念 在学习 Docker 之前&#xff0c;先了…

深度解析京东API接口:如何高效获取商品详情与SKU信息

在当下电商蓬勃发展的时代&#xff0c;如何高效地获取商品详情与SKU&#xff08;Stock Keeping Unit&#xff0c;库存单位&#xff09;信息成为了商家们进行电商运营、价格比较、库存管理及市场分析等活动的关键。京东API接口为此提供了强大的支持&#xff0c;使得开发者能够通…

ios 混合开发应用白屏问题

一、问题场景 项目业务中某个前端页面中使用了多个echart 组件来显示历史数据&#xff0c; 在反复切换到这个页面后&#xff0c;会出现白屏问题。 二、问题分析 0x116000ab0 - GPUProcessProxy::didClose: 0x116000ab0 - GPUProcessProxy::gpuProcessExited: reasonCrash 0x11…