Cesium
cesium-3-sdtiles
1、倾斜摄影 加载3dtiles代码 var tile1 = new Cesium.Cesium3DTileset({ url: "../data/lesson-015/test3dtiles/tileset.json", maximumScreenSpaceError: 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实体中，也可以由 ......
Cesium本地文档部署与第一个实例
Cesium本地文档部署与第一个实例 （1）本地文档与示例部署 Cesium最新版本下载地址：https://cesium.com/downloads/，本次教程用的1.86版本的Cesium，如果当前版本较高，可点击Previous releases找到1.86版本的Cesium下载。下载之后进行 ......
cesium的四种点击拾取方法
Cesium的四种点击拾取方法 1、viewer.scene.pick() 通过坐标位置，拾取实体（Entity），图元（Primitive）,3DTiles对象，返回的是scene中指定位置最上层的对象。例如点击获取 Entity的pick对象，通过pick.id可以拾取当前的entity对象。拾 ......
Cesium中Camera的常用方法
08-Cesium中Camera的常用方法 camera是viewer.scene中的属性，用来控制当前的可见域。viewer.camera 是快捷写法，访问的是 viewer.scene.camera，所以调用时这两种写法都行。介绍三种常用的view.carmera方法。 （1）setView C ......
Cesium中Viewer界面介绍及组件显隐
Cesium中Viewer界面介绍及组件显隐 任何Cesium应用程序的基础都是Viewer，Viewer是一个带有多种功能的可交互的三位数字地球的容器。在搭建第一个示例后，我们已经通过以下代码初始化了一个视图窗口，看到了一个基本的数字地球。 let viewer = new Cesium.View ......
Cesium中的地图服务
09-Cesium中的地图服务 Cesium最基本的功能就是构建地球场景，这就离不开地图服务功能，Cesium能提供方便的地图服务。可以在初始化的时候就加载地图，也可以在后期调用。 在Cesium中，ImageryProvider是用于提供地球表面图像的接口。Cesium支持多种类型的Imagery ......
[未解决] Cesium 报错 undefined RangeError: Invalid array length
An error occurred while rendering. Rendering has stopped. undefined RangeError: Invalid array length RangeError: Invalid array length at updateFrustum ......
Rendering the Whole Wide World on the World Wide Web - Kevin Ring,2013 - Cesium&AGI
Kevin Ring，Analytical Graphics, Inc. December 2, 2013 1. Massive Terrain Rendering(大批量地形渲染) 2. Cesium Platform - Javascript,webgl,web workers,typed ar ......
vue3+vite+ts搭建一个基于cesium的gis系统
使用 NPM: bash $ npm create vite@latest 使用 Yarn: bash $ yarn create vite 使用 PNPM: bash $ pnpm create vite附加的命令行选项# npm 6.x npm create vite@latest my-vue ......
Cesium地形切片踩坑记
网上找的4个工具用于地形切片 1.terrain地形生成-ctb方式，也就是编译好的ctb版本，取消了gzip压缩 2.terrain地形生成-gdal方式，使用的gdal2srtmtiles-demo.py 3.terr2cesiumApp 4.cesiumlab 第一个软件存在的问题，海底地形异 ......
cesium 使用 GeoJsonDataSource 加载 geoJson 数据，渲染 Polygon、polyline、Text 贴地配置
原文地址：https://juejin.cn/post/7029592051154944007 export function renderPolygon(geojson: any, zoomto: Boolean = true) { const viewer = window.viewer con ......
Cesium中的鼠标事件
10-Cesium中的鼠标事件 在Cesium中，有部分情况需要和场景进行交互，这就离不开鼠标的操作。Cesium为实现这一功能，分成了两个过程。首先，传递viewer.canvas参数实例化ScreenSpaceEventHandler类，例如实例化后的名称为handler；然后，为 handle ......
Cesium中的坐标类型及转换
06-Cesium中的坐标类型及转换 1、屏幕坐标 屏幕坐标是平面直角坐标系，是二维笛卡尔坐标系。Cesium中使用Cartesian2来描述屏幕坐标系构造函数是new Cesium.Cartesian2(x, y)。具体是鼠标点击位置距离canvas左上角的像素值。屏幕左上角为原点（0.0），屏幕 ......
Cesium调整3DTile/tileset 点位移动
以下是将tileset的位置调整到北京（在WGS84坐标系下）的正确代码： var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ url: 'path/to/your/tileset' })); tileset. ......
Cesium的搜索框如何自定义功能
geocoder提供了地理编码功能用来搜索位置，但是在离线环境下无法使用。 为了将这个搜索框用起来，添加根据坐标搜索的功能，可以这么写： viewer.geocoder._form.children[0].placeholder = "请输入：经度，纬度"; viewer.geocoder.auto ......
Cesium中显示栅格数据查询结果
Cesium通过wms或者wmts服务加载发布的矢量数据，点选数据时会有一个属性框，如图： 而对于栅格数据则不会出现这个框，为了解决这个问题，需要创建一个空的Entity，当点击时就会出现这个框了。像这样： 实现方法参考了geoserver里面基于openlayer的图层预览： url = url ......
Cesium如何加载PBS发布的WMTS服务
Cesium加载Geoserver发布的WMTS服务，url示例： 'http://localhost:8080/geoserver/gwc/service/wmts/rest/nurc:mosaic/{style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{T ......
Cesium离线部署的正确方法
网上相关文章比较杂，有的说要改源码，其实不用，都试了一遍发现这样才对 var myProviderViewModel = new Cesium.ProviderViewModel({ name: "天地图地形", tooltip: "", iconUrl: "Widgets/Images/Image ......