Cesium

Cesium地图上Entity只显示一半

方案1:调整深度检测值 使用disableDepthTestDistance: Number.POSITIVE_INFINITY, 圆点完全都在地上了 存在问题: 图中间的小圆点可能会出现在一些建筑的前面,实际在建筑的后面 这是关闭深度检测的必然结果! 方案2:抬升高度 下述语句中输入高度值 let ......
地图 Cesium Entity

cesium自定义st

/** * Crate wall geometry * * @param {Cartesian3[]} positions * @param {number} height * @returns {Geometry} */ function createWallGeometry(positions, ......
cesium

Cesium常用坐标转换(Cartesian3世界坐标、Cartesian2屏幕坐标、Cartographic(WGS84)弧度、经纬度)

const handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction((movement) => { // 从Cartesain2屏幕坐标获取Cartesain3世界坐标 // 根据单击的位置 ......
坐标 Cartesian 经纬度 弧度 经纬

Cesium常用数据类型加载方式

WMTS let tdtIMGLabel = new Cesium.WebMapTileServiceImageryProvider({ //影像注记 url: "http://t{s}.tianditu.gov.cn/cia_w/wmts?service=wmts&request=GetTile& ......
常用 类型 方式 数据 Cesium

Cesium中的空间直角坐标系、经纬度、弧度之间的转换

<!DOCTYPE html> <head> <title>Hello World</title> <script src="../Build/Cesium/Cesium.js"></script> <link href="../Build/Cesium/Widgets/widgets.css" r ......
经纬度 坐标系 直角 弧度 经纬

Cesium基础入门教程

Cesium中的坐标系以及坐标转换 Cesium中常用的坐标 Cesium中坐标转换 经纬度坐标转换成世界坐标 两种方式将经纬度转换成世界坐标 1. 直接转换 var cartesian3 = Cesium.Cartesian3.fromDegrees(lng, lat, height); 2. 借 ......
入门教程 基础 教程 Cesium

# cesium 截取图片

cesium 截取图片 没啥好说的,直接贴代码吧 toImg() { if (viewer) { viewer.scene.render(); let canvas = viewer.scene.canvas; let image = canvas.toDataURL("image/png").re ......
cesium 图片

Cesium开发遇到的问题解决

问题1: 后台缓存收回进程无法释放上下文[/BUSINESS的缓存的[10]%-请考虑增加缓存的最大大小。 原因:出现该问题是Tomcat启动时,占用的缓存较大,Tomcat默认的缓存是10000KB.解决:需要调整Tomcat目录下\conf\context.xml文件中的缓存的最大值,需要添加在 ......
Cesium 问题

vue3使用cesium

1、安装vite-plugin-cesium: npm i -D vite-plugin-cesium 2、 安装cesium: npm i -S cesium 3、vite.config.js中配置如下: import cesium from 'vite-plugin-cesium' plugin ......
cesium vue3 vue

cesium.js入门基础教程四(事件)

事件简介 Cesium中大的事件按照类型进行分类,可以分为如下几种: 鼠标键盘事件 相机事件 数据加载事件 场景加载事件 按照事件的使用方式进行分类,可以分为如下两种: 创建事件处理器Handler并指定事件触发类型定义事件,如与鼠标键盘事件相关的屏幕空间事件处理器ScreenSpaceEventH ......
事件 基础 教程 cesium js

cesium.js入门基础教程三 (地形)

地形简介 Cesium默认是不包含地形的,准确的说应该是Cesium默认加载的地形是没有起伏效果的,如下图所示,在包含山脉的地区是看不到地形起伏的: 默认使用的地形为 "WGS84 Ellipsoid": 地形提供者 TerrainProvider 与影像类似,在Cesium中包含了一些地形提供者T ......
地形 基础 教程 cesium js

Cesium学习笔记11——坐标量测

代码: 1 var annotations; 2 function axToolCoordinate(layer) { 3 var handler=new Cesium.ScreenSpaceEventHandler(viewer.canvas); 4 annotations=viewer.scen ......
标量 笔记 Cesium

cesium.js入门基础教程二 (影像和标注)

影像简介 Cesium加载大的虚拟地球默认是有影像的,如图: 默认使用的影像是 “Bing Maps Aerial”: 影像提供者 ImageryProvider 除了途中列出的一些影像,开发者可以通过Cesium中的ImagerProvider影像提供者类创建所需的影像,Cesium中提供了很多种 ......
影像 基础 教程 cesium js

cesium.js入门基础教程

运行环境搭建 下载cesium.js 从https://cesium.com/downloads/下载cesium.js: 在vsCode中建立index.html和index.js,并在index.html中引入index.js: index.html: <!DOCTYPE html> <html ......
基础 教程 cesium js

Cesium 本地开发配置

本地开发配置 基于指定版本的 Cesium 进行开发。(不然更新包有时候会有函数变化,如若无需更新包版本。) 将 Cesium 指定版本文档、示例本地部署。 Cesium文档和示例本地部署 Cesium:入门教程(一)之 Hello World win10 本地部署 win10 IIS服务开启并配置 ......
Cesium

Cesium 中坐标相互转换

Cesium 中坐标相互转换 经纬度 degree <-> 弧度 radian radians -> degrees [static] Cesium.Math.toDegrees(radians) → number const coordWGS84Lon = Cesium.Math.toDegree ......
坐标 Cesium

vue3+cesium导入行者app的gpx轨迹数据

软件版本: vue3.2 cesium1.110.0 vite:3.1.2 1)到行者APP的PC端官网下载gpx数据 2)将gpx文件放到项目里 这里要将行者导出的gpx文件修改一下,把 xmlns="http://www.topografix.com/GPX/1/0" 改为 xmlns="htt ......
行者 轨迹 数据 cesium vue3

cesium-geojson贴地(GeoJsonDataSource)

Cesium.GeoJsonDataSource.clampToGround = false Cesium.GeoJsonDataSource.load(obj, { stroke: Cesium.Color.fromCssColorString("#fff").withAlpha(0), }).t ......

cesium线切割为多个贴地形贴模型的点

interpolation(pos1, pos2) { let po1 = pos1 let po2 = pos2 this.getPositionwkt(po1, po2).then((res) => { this.$config.viewer.scene.clampToHeightMostDet ......
地形 模型 多个 cesium

cesium-czml蔓延效果

需求描述:需要一个火场燃烧效果,火场从小到大蔓延,火场不规则,蔓延速度不规律,燃烧过后的范围颜色变黑。技术点:czml,粒子效果已实现:不规则的多边形从小到大平滑蔓延,且边界附带火焰燃烧效果,蔓延速度可控,蔓延方向可控,可新增和删除蔓延点。 //生成火点 this.ParticleCollectio ......
cesium-czml 效果 cesium czml

cesium火线效果

最终效果: 实现思路:emitter设置为盒型发射器,new Cesium.BoxEmitter() 属性配置: { type: "fireLine", name: "火线", startColor: "rgba(255,255,255,1)", endColor: "rgba(128,0,0,0) ......
火线 效果 cesium

Cesium与视锥体

每个相机都有视锥体 然后需要进行视锥体剔除 参考1:地形与可视性检验&三维瓦片与可视性剔除 参考2:https://www.cnblogs.com/HelsingWang/p/13584110.html(任意一个物体的可视性剔除) 只找到了PerspectiveFrustum ......
锥体 Cesium

cesium实现3D区域掩膜的效果

先展示效果: 上代码: add3DAreA(geojson) { let arr = [] geojson.features[0].geometry.coordinates[0][0].forEach(item => { arr.push(item[0]) arr.push(item[1]) }); ......
掩膜 区域 效果 cesium

cesium 加载3dtiles

注意cesium版本问题,还有这个是异步加载,定位到该模型时要加个延时settimeout 效果 代码如下 //3dtiles function addThreeDTiles(url, option) { // 开启地形深度检测: // 控制在渲染场景时,相机是否进行深度测试以避免将被遮挡的物体绘制 ......
3dtiles cesium dtiles

cesium 加载geoserver wms服务

代码如下 //加载geoserverwms var wmslayer = new Cesium.WebMapServiceImageryProvider({ url:"http://localhost:8880/geoserver/postgis/wms", layers:'postgis:cesh ......
geoserver cesium wms

cesium加载arcgis 动态服务

cesium加载不同坐标系的服务,主要是动态服务都可以用 ArcGisMapServerImageryProvider 来调用,但切片服务不能用此方法调用 代码如下 //加载arcgis 动态服务 var dylayer = new Cesium.ArcGisMapServerImageryProv ......
动态 cesium arcgis

cesium 相机视口

function saveView2() { var viewJson = { // 世界坐标(不直观) ...viewer.camera.position, // 弧度值(不直观) "heading": viewer.camera.heading, "pitch": viewer.camera.p ......
相机 cesium

Cesium 加载面数据 点数据 label

Cesium 加载geojosn 数据 export const cesiumUtils = { viewer: null, dataSourceArr: [], addDataSource(geojsonData, config) { Cesium.GeoJsonDataSource.load(g ......
数据 Cesium label

cesium 3dtile单击选中

监听瓦片加载完成事件,将所有3dtile对象按id归纳到map中 tileset.readyPromise.then(() => { console.log('tileset.readyPromise'); tileset.setObjsColor() }) // allTilesLoaded 会被 ......
cesium 3dtile dtile

cesium对比entity和primitive添加polyline

primitive方式要复杂一些,但是效率要高一些 primitive方式 function createPrimitive(coordinate) { let polyline = new Cesium.GroundPolylineGeometry({ positions: Cesium.Cart ......
primitive polyline cesium entity
共149篇  :1/5页 首页上一页1下一页尾页