使用cesium进行二三维切换

最新推荐文章于 2024-07-05 22:17:55 发布
最新推荐文章于 2024-07-05 22:17:55 发布
阅读量1.3w 收藏 13
点赞数 3
分类专栏： JavaScript 文章标签： javascript Cesium webgis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42476786/article/details/107354228
版权

在使用cesium的项目中，我们会遇到二三维功能相互切换的需求，那么我们就需要判断cesium当前是二维还是三维。那么就可以使用以下方法：

viewer.scene.mode === Cesium.SceneMode.SCENE3D //3D情况下
Cesium.SceneMode中包含：
Cesium.SceneMode.COLUMBUS_VIEW//哥伦布视图  
Cesium.SceneMode.SCENE2D//2维模式
Cesium.SceneMode.SCENE3D//3维模式
Cesium.SceneMode.MORPHING//模式之间变换，例如二维到三维

在三维模式下，我们添加点或者添加线面的时候，会使用一些贴地的功能，但是使用贴地后，在进行切换。在二维地图上会看不到三维的点。这个主要是我们设置的贴的原因。只需要改变：

heightReference: Cesium.HeightReference.NONE
Miyagi.Z
关注
  • 3
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
003：vue+cesium 设置skybox透明并添加背景图
大剑师兰特的GIS世界
02-25 1373
第003个本示例的目的是介绍如何在vue+leaflet中设置skybox透明并添加背景图。我们不想要黑乎乎的背景，想自定义一个背景图，然后前面显示地球。
cesium实现底图和地形动态切换及supermap三维服务加载（官网demo）
08-22
function1：cesium实现天地图影像、矢量动态切换；function2：实现supermap三维地形服务动态加载及卸载；function3：实现supermap倾斜摄像服务动态加载
Cesium中加载geoserver发布的二维地图服务
On the way
06-26 302
注意：若加载时出现跨域问题可进行配置Geoserver的。4.发布成功后使用cesium进行加载显示：代码如下图。2.进行初始化配置，进行加载显示cesium.3.使用geoserver进行地图服务发布.1.第一步，先引入cesium。
SuperMap、Cesium叠加ArcGIS,高德，谷歌二维，卫星地图实现二三维地图切换
01-03
webGl加载二三维底图实例。可用于super Map二三维一体化实现。 https://mp.csdn.net/postedit/85681487
超图三维地图开发webgl和cesium
08-31
超图三维地图开发webgl和cesium，最近项目用到三维地图前端显示，解压到tomcat即可用，适合初学者，包含了超图、cesium需要引入的js
【Cesium】Cesium常用易错知识点
香芋芋圆的博客
12-08 816
Cesium相关常用知识点，包含二三维平滑切换、获取当前中心点经纬度、坐标加载、地图缩放按钮、手动设置zoom事件、初始化参数详解、entity添加删除等
cesium监听二三维切换
Venchi的博客
04-25 1380
// 切换前执行 this._viewer.sceneModePicker.viewModel.morphTo2D.afterExecute.addEventListener(() => { do something... }); // 切换后执行 this._viewer.sceneModePicker.viewModel.morphTo2D.afterExecute.addEventListener(() => { .
cesium自定义二三维切换
浮年似水
12-11 2271
实现源码如下： //viewType：视图类型 function setViewType (viewType) { var scene = this.viewer.scene; switch (viewType) { case "三维视图": scene.morphTo3D(0); $(".cesium-sceneModePicker-wrapper").hide(); $(".cesium-scen.
实现openlayers-Cesium二三维联动效果的功能脚本1
11-21
该脚本能够实现openlayers-Cesium二三维联动效果的功能
最简单的cesium开始程序（小白专用）
04-03
Cesium不仅适用于GIS领域的专业人士，也适合对三维地图感兴趣的技术爱好者，尤其是对于初学者，它提供了友好的API和丰富的示例，能够快速上手。 【入门基础】 1. **安装与引入**：要开始使用Cesium，首先你需要在...
CesiumJS【Basic】- #071 二维/三维/哥伦布视图模式
最新发布
AlanL的专栏
07-05 55
二维/三维/哥伦布视图模式的切换
cesium地球自转，23D切换
iouytrep的博客
01-03 842
【代码】cesium地球自转，23D切换。
ol-cesium 暴露 Cesium viewer 对象以及二三维切换、viewer 添加点功能示例
linzi19900517的博客
08-23 1423
ol-cesium 修改源码暴露 Cesium viewer 对象以及二三维切换、通过 viewer 添加点等功能示例。
Cesium 常见基础功能点
既然青春留不住，还是做个大叔好!
07-28 2150
文章目录前言内容1 Cesium logo去除2 Cesium 二三维切换 前言 一些Cesium常用的方法或者属性记录 内容 1 Cesium logo去除 viewer.cesiumWidgets.creditContainer.style.display = 'none' 2 Cesium 二三维切换 场景状态模式有如下4中 Cesium.SceneMode.COLUMBUS_VIEW//1哥伦布视图 Cesium.SceneMode.SCENE2D//2维模式 Cesium.SceneMode
js上传geojson文件，读取geojson文件中的坐标。
weixin_42476786的博客
10-31 5256
首先来看看什么是geojson文件。 就是这样的： { "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": {}, "geometry": { "type": "Polygon", "coordinates": ...
关于JavaScript中的空格。
weixin_42476786的博客
10-08 2989
在js中，使用空格有助于改善代买的可读性和一致性。js中，可在列表表达式和语句结束后面添加空格。 使用空格比较好的位置： //大量空格，并且使用一致 //使得代码的可读性更好 for (var i = 0; i < 10; i ++){...}//分开for循环的各个部分的分号之后 for (var i = 0, max = 10; i < max; i +...
关于javascript中避免使用eval的理解
weixin_42476786的博客
10-08 1150
这两天在翻阅《JavaScript模式》的时候，看到一个标题，“避免使用eval()”，这不禁让我想探索一下，为什么要避免使用eval。 首先我们来先看一下eval()的定义： 执行一段字符串中的JavaScript代码。 摘要： eval(code) 参数： code 包含待求知的JavaScript表达式或待执行的JavaScript语句的字符串。 返回： 求值后的代码的值，如果存在对应的值...
笔记：对JavaScript中对象的理解
weixin_42476786的博客
10-10 111
创建对象的最简单方式就是创建一个object的实例，然后添加属性和方法： var person = new Object(); person.name = "miyagi"; person.age = 16; person.job = "学生"; person.sayName = function() { ...
cesium二三维联动
07-27
Cesium是一个开源的JavaScript库，用于创建基于Web的地球和地理空间应用程序。它提供了强大的功能，使开发者能够在浏览器中构建交互式的三维地球和二维地图应用程序。 Cesium支持二三维联动，也就是可以在三维地球上同时显示二维地图，并且二维地图上的变化可以反映到三维地球上。这种联动可以通过在Cesium中添加ImageryLayer对象来实现。ImageryLayer对象可以加载各种类型的地图图层，包括基于影像瓦片的二维地图。 要实现二三维联动，首先需要在Cesium中创建一个二维地图图层。可以使用Cesium提供的ImageryLayer对象或者使用第三方地图服务的图层。然后，将这个二维地图图层添加到Cesium的Viewer对象中。这样，当用户在二维地图上进行操作时，比如平移、缩放或者切换图层，这些变化将会自动应用到Cesium中的三维地球上。 通过这种方式，你可以实现二三维联动，让用户在三维地球和二维地图之间进行无缝切换和交互。这对于一些需要同时展示大范围地理数据和详细地理信息的应用非常有用，比如地理信息系统、地图应用和可视化分析等。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值