地形cesium
Cesium 更改默认的鼠标操作
```js // 将原来鼠标中键倾斜视图修改为鼠标右键触发 viewer.scene.screenSpaceCameraController.tiltEventTypes = [ Cesium.CameraEventType.RIGHT_DRAG, ]; // 将原来鼠标右键放大缩放修改为鼠标滚轮滚 ......
Cesium结合GIS天地图 加载倾斜摄影3dtile + vue3
## 实现思路 将倾斜摄影OSGB数据转换为3dtile(转换方式很多，可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图，可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 ......
Vue项目初次加载cesium | 配置
1. 首先配置`CESIUM_BASE_URL`全局变量 ``` window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/"; ``` 2. 把`node_modules\cesium\Build\Cesium`这个文件夹复制到`pub ......
Cesium：四种拾取pick
##三种坐标拾取 ###viewer.scene.camera.pickEllipsoid() 拾取椭球面坐标 handler.setInputAction(function (event) { let position = viewer.scene.camera.pickEllipsoid(eve ......
Cesium：坐标系
Cesium中有两种坐标系，WGS84地理坐标系和笛卡尔空间坐标系。 WGS84地理坐标系包括：WGS84经纬度坐标系（没有实际的对象）和 WGS84弧度坐标系（Cartographic）； 笛卡尔空间坐标系包括 笛卡尔空间直角坐标系（Cartesian3）、平面坐标系（Cartesian2），4D ......
Cesium：设置加载时的初始视角
先选好位置，并调整好视角，然后按 F12 打开控制台分别输入： viewer.camera.position viewer.camera.heading viewer.camera.pitch viewer.camera.roll 来分别获取你选好的位置的坐标，视角等信息，然后利用 viewer.c ......
Cesium 点在当前视角下可见
const viewer = new Cesium.Viewer("cesiumContainer"); //1.计算屏幕坐标 let position = Cesium.Cartesian3.fromDegrees(-60, 30, 0); let chanedc = Cesium.SceneTr ......
Cesium将经纬度转为屏幕坐标系并判断是否在当前视角可见
//1.计算屏幕坐标 let position = Cesium.Cartesiian3.fromDegrees(jd, wd, 0); let chanedc = Cesium.SceneTransforms.wgs84ToWindowCoordinates(viewer.scene, posit ......
Cesium中的QuadtreePrimitive.js类
QuadtreePrimitive顾名思义就是四叉树Primitive的意思。已知的是它在Globe的_surface属性中有了使用。 首先来看构造函数： function QuadtreePrimitive(options) { //>>includeStart('debug', pragmas. ......
高精度地形DEM数据下载（NASA数据 12.5米分辨率）
本文介绍从NASA阿拉斯加卫星设备处网站下载高精度DEM数据，下载的数据精度是12.5米分辨率。 目前国内大部分可以下载的dem数据都是30米或90米分辨率的，对于更高精度的数据要不就是需要付费下载，要不就是涉密数据无法获取。 下载地址：https://vertex.daac.asf.alaska. ......
Cesium中的Globe.js
Globe顾名思义就是地球的意思吧。 先看构造函数： function Globe(ellipsoid) { ellipsoid = defaultValue(ellipsoid, Ellipsoid.WGS84); var terrainProvider = new EllipsoidTerrai ......
Cesium 卷帘分析
仓库里更新了卷帘功能，简单记录一下。 卷帘功能如下图所示，将地球分为左右两块，通过中间的卷帘进行滑动，可以有效地进行左右对比，针对序列数据有良好的展示效果。 如下接口，Cesium 本身就支持我们针对地球左右两侧显示不同的图层。 故我们只需要对加载的图层设置 SplitDirection 属性就可以 ......
cesium-4-属性变换和事件操作
1、属性变换 使用Cesium.CallbackProperty类，构造函数中需要两个参数 一个为调用函数， 一个为boolean，判断前面这个函数是否需要不断的调用（false即属性不固定），还是只是只调用一次（true即属性固定） 代码： ...这个extrudedHeight是创建entity ......
cesium-3-sdtiles
1、倾斜摄影 加载3dtiles代码 var tile1 = new Cesium.Cesium3DTileset({ url: "../data/lesson-015/test3dtiles/tileset.json", maximumScreenSpaceError: 1, //这个参数越大，在 ......
ArcGIS Pro发布地形高程服务（DEM/DSM）
在之前的文章介绍过使用ArcMap发布地形服务，由于ArcGIS后续不在更新ArcMap，改用ArcGIS Pro，本文对ArcGIS Pro发布地形服务进行说明。 使用ArcGIS Pro发布影像、矢量请跳转：ArcGIS Pro发布地图服务（影像、矢量） 使用ArcMap发布地形请跳转：ArcG ......
ArcGIS Desktop发布地形高程服务（DEM/DSM）
在做ArcGIS三维时，地形服务的发布与普通地图服务的发布不一样，需要发布成ImageServer，切片格式选择LERC。 本文示例使用软件： ArcGIS Desktop10.3.1 注：ArcGIS在10.3.1以上版本才支持发布地形服务。 1、根据需要选择对应坐标系的地形数据，地形数据一般格式 ......
cesium-2-entity
1、四层结构 viewer --> datasources(DataSourceCollection类型) --> datasource --> entities(EntityCollection类型) --> entity 需要学习的方向是：只需要注意每个层与层之间的关系和entity实例如何创建 ......
mapbox和cesium的区别
Mapbox 和 Cesium 是两个不同的地图开发平台，它们之间有以下区别： 技术架构： Mapbox 是基于矢量地图渲染技术和 WebGL 技术开发的，支持2D和3D渲染。它提供了开发地图应用程序和可视化数据的各种 API、SDK、地图样式和图层等工具。 Cesium 是一个基于 WebGL 技 ......
cesium-1-加载影像数据和影像数据基础知识
1、影像数据的图层类有哪些 viewer --> imageryLayers（ImageryLayerCollection类型）--> ImageryLayer类型 --> ImageryProvider抽象类 viewer下有ImageryLayerCollection类型的imageryLaye ......
Cesium之Web Workers
1. 引言 多线程是编程中常用的方法，例如，在桌面程序中，主线程一般是UI线程，负责UI绘制与用户交互，而运算处理往往是交给背后的工作线程，这样可以有效避免交互时的卡顿感 浏览器是多进程的，每打开一个网页，都会开启一个渲染进程，渲染进程包含： GUI渲染线程 (有且只有一个) JS引擎线程 (有且只 ......
Cesium加载ArcGIS Server4490且orgin -400 400的切片服务
Cesium在使用加载Cesium.ArcGisMapServerImageryProvider加载切片服务时，默认只支持wgs84的4326坐标系，不支持CGCS2000的4490坐标系。 如果是ArcGIS发布的4490坐标系的切片服务，如果原点在orgin X: -180.0Y: 90.0的情 ......
cesium源码编译调试及调用全过程
完整记录一次cesium源码从下载、打包、调用、调试的全过程。 本文使用软件或API版本： VSCode Node:12.18.3 cesium版本：1.94 总体步骤： 下载源码 执行npm install和npm start启动web服务 打包源码（打包前可以先将申请到的cesium的token ......
Cesium打包命令总结
Cesium的npm脚本有好多，本文对不同的打包命令进行解释和说明。 从github上下载cesium源码后，打开package.json文件，我们可以看到不同的打包命令： 大部分的命令都是以gulp开头，可以看出Cesium是使用gulp进行打包的。在webpack早已成趋势的今天，Cesium的 ......
Cesium加载广告牌（三）
Cesium加载广告牌（三） 加载完成广告牌之后，如何对广告牌进行操作？这里实现鼠标左键点击获取广告牌信息的功能。 在加载广告牌的过程中，已经对广告牌进行了许多属性的设置，但是并没有对广告牌的唯一值进行规范。设置唯一值并不是在billboard的属性内设置，而是在外层的Entity内进行声明。同时E ......
Cesium加载广告牌（二）
Cesium加载广告牌（二） 在上一篇中已经添加了添加了广告牌实体，如果要获取更好的显示效果和其他需求，需要进行更多的设置。这里再介绍一些广告牌的常用属性。 horizontalOrigin：广告牌相对原点的水平位置。有三种属性：Cesium.HorizontalOrigin.CENTER，Cesi ......
Cesium和Babylonjs融合可行吗？
方法一：Babylonjs作为cesium的附庸或者补充。类似于cesium和three.js的关系。 方法二：将Cesium的renderer渲染器换成Babylonjs。。等一下，renderer难道不是webgl吗？无论是cesium还是babylonjs都是基于webgl啊。。所以cesiu ......
Cesium加载广告牌（一）
Cesium加载广告牌（一） 在Cesium开发中需要加载图标等操作，这时候就需要使用Cesium中添加广告牌的功能，这里需要用到一个很重要的属性方法Entity()。在官方文档中，Entity的解释为：将多种形式的可视化实体聚合到单个高级对象中。它们可以手动创建并添加到Viewer实体中，也可以由 ......
地形模型贴正射影像图
一、GlobalMapper的DEM输出为dxf格式 1. 1加载tif格式的DEM，加载时注意选择yes elevation data。 1.2 Export elevation grid format-》DXF Mesh或DXF Point file， （1）选择DXF Mesh （2）输出DX ......
Cesium本地文档部署与第一个实例
Cesium本地文档部署与第一个实例 （1）本地文档与示例部署 Cesium最新版本下载地址：https://cesium.com/downloads/，本次教程用的1.86版本的Cesium，如果当前版本较高，可点击Previous releases找到1.86版本的Cesium下载。下载之后进行 ......