Cesium项目记录

Cesium添加倾斜摄影

asyncDrawTiltPhotographyToModifyHeightFun(){try{//viewer.scene.globe.depthTestAgainstTerrain=true;//开始深度测试consttileset=awaitCesium.Cesium3DTileset.fromUrl
volodyan·2024-01-25 15:29

Cesium介绍及3DTiles数据加载时添加光照效果对比

一、Cesium简介Cesium原意是化学元素铯，铯是制造原子钟的关键元素，通过命名强调了Cesium产品专注于基于时空数据的实时可视化应用。
按图索迹·2024-01-25 10:56

Cesium加载离线地图和离线地形

文章目录前言一、Cesium加载离线地图1.1下载数据2.2数据处理2.3地图发布2.4下载速度改进二、Cesium加载离线地形2.1下载数据2.2数据处理2.3地形发布2.4遇到的问题前言直接把地图数据切片
纯奶牛·2024-01-25 02:43

Cesium实现动态水面效果

目录1.使用Primitive实现动态水面效果2.版本问题1.使用Primitive实现动态水面效果letpoints=[[87.07131373100303,29.40857655725876],[87.33503858397042,29.41843499494008],[87.33072496578943,29.193059292424955],[87.05098771260403,29.20
volodyan·2024-01-25 02:13

vue2中CesiumV1.113.0加载离线地形数据

data/sjzTerrain文件下由于地形离线数据数量太大，在vue项目编译时会报如下错误：ERRORinEMFILE:toomanyopenfiles,open'D:\test_project\vue_cesium_demo
volodyan·2024-01-25 02:41

Cesium特效案例展示 持续更新...

cesium+vue特效展示cesium文章目录特效展示基础功能粒子效果精准标记运动控制场景融合mounted(){c3d_sdk.init_cesium("cesiumContainer");varhandler
瘦猴打羽毛球·2024-01-24 17:55

Vue2中CesiumV1.113.0加载离线地图

Vue2中CesiumV1.113.0加载离线地图，本文以天地图为例。
volodyan·2024-01-24 06:56

在没有前端Web HTML，CSS，JavaScript技术知识情况下使用Delphi / C ++ Builder快速开发构建Web前端B/S应用

Delphiintraweb结合Cesium开发WEBGIS前端Web前端框架的功能是什么：视觉布局在IDE中设计，
xyzhan·2024-01-23 06:33

2023年度前端个人总结

月结合vue-antd与学习ruoyivue2的demo结合express上线后台于白嫖服务器2月出差驻场一个月大屏项目，通过蓝湖设计ui切图原生html，引入很繁琐很乱的js脚本写了四五个月之久，对接了cesium
坚持学习前端日记·2024-01-23 00:17

Cesium坐标系统

前言补一篇Cesium坐标系知识，草草开稿竟把GIS中重中之重的坐标系抛之脑后，实在草率，各位道友招待不周！
我有柚子茶噢·2024-01-22 07:04

初始化Cesium

本系列用Cesium结合超图写一些经典案例（加载SuperMap、空间分析、淹没分析、坡度分析、天际线分析等等），不是随意的去复制粘贴，打算输出一些好的内容，本系列将持续更新，并附项目源码，各位道友放心追番
我有柚子茶噢·2024-01-22 07:34

Cesium叠加超图二维服务、三维场景模型

前言Cesium作为开源的库要加超图的服务则需要适配层去桥接超图与Cesium的数据格式。
我有柚子茶噢·2024-01-22 07:02

屏蔽Cesium默认双击事件

viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
宿州刘德华·2024-01-22 04:12

Cesium绘制动态墙

1.数据准备：包括要绘制的围栏坐标以及围栏高度，以及纹理材质中要提供的图片，图片在将在文章顶部展示letpositions=[[106.54093483238756,37.73128859082618,1287.2467035732923],[106.54096882123775,37.73120923938572,1285.23045636352],[106.54080469913156,37.
你们瞎搞·2024-01-20 12:05

Cesium中entity移除事件汇总

1.根据entity对象直接删除；viewer.entities.removeAll();2.根据entity的id删除对象；viewer.entities.removeById(id);3.直接全部删除所有的entity对象；viewer.entities.remove(obj);/***entity实体删除类*/classremoveEntity{/***据entity（实体）对象删除方法*@
你们瞎搞·2024-01-20 12:04

Cesium中圆柱和圆锥entity绘制

原生的Cesium中提供了绘制圆柱的方法，看似没有提供绘制圆锥的方法，其实在配置项里面可以直接设置参数生成圆锥，在cylinder对象里面有两个参数，topRadius:上底面的半径（如果为0则是圆锥啦
你们瞎搞·2024-01-20 12:04

vue项目记录移动端页面浏览位置

描述:假设b、c两个页面需求:b到c页面的时候需要记录当前b的浏览位置，c返回到b的时候滚动到上次浏览的位置实现方法:将滚动距离存在vuex、beforeRouteLeave1.首先在vuex中state定义一个变量来记录当前的浏览的位置//state中定义数据state:{carrerTouScroll:{height:''//滚动的距离}}//mutations操作state数据mutatio
Kiana娜娜·2024-01-20 10:05

通过Cesium制作地形的离线加载

首先要启用Cesium的插件，装配好如图中的几个组件。并且注册cesiumlab3的账户。然后下载地形的高程图tif文件,和卫星的影像图tif文件。
曼巴UE5·2024-01-19 20:14

4、Cesium学习之调整图层顺序

1、实例//绑定地图容器varviewer=newCesium.Viewer("cesiumContainer",{baseLayerPicker:false,//禁用底图切换});//获取图层列表集合
不收藏找不到我·2024-01-19 19:02

7、Cesium学习之地形数据配置与格式

1、实例//createWorldTerrain(options)//创建一个Cesium世界地形的一个CesiumTerrainProvider实例//options的键值对://1、requestVertexNormals
不收藏找不到我·2024-01-19 19:02

2、Cesium学习之添加基本图层(adding Imagery Layers))

1、实例varviewer=newCesium.Viewer("cesiumContainer",{//imageryProvider:使用的图像提供程序。
不收藏找不到我·2024-01-19 19:32

3、Cesium学习之修改图层颜色

js代码都是https://sandcastle.cesium.com网站上的示例，直接复制到本地有些不能直接运行的1、实例//绑定地图容器varviewer=newCesium.Viewer("cesiumContainer
不收藏找不到我·2024-01-19 19:32

ArcGIS JSAPI 学习教程 - 初识 ArcGIS Maps SDK for JavaScript

Cesium实战-自定义视频标签展示视频JSAPI介绍JSAPIHelloworldJSAPI优势劣势在线示例近期由于工作需要，开始接触ArcGISMapsSDKforJavaScript（以下简称JSAPI
非科班Java出身GISer·2024-01-19 14:38

60多个Cesium源码包免费分享

Cesium是每一个GIS开发从业者的必经之路，也是GIS开发就业高薪必学的内容。随着国家数字化建设的推进，实景三维的发展，三维GIS开发的需求愈演愈烈。
GIS前端嘉欣·2024-01-19 08:28

cesium 自定义时间轴 通过改变时间设置光照效果

cesium自带timelineanimation空间有时候满足不了项目的需求，需求要通过自己设置时间来改变光照this.viewer=newCesium.Viewer('cesiumContainer
匆匆忙忙慌慌张张·2024-01-19 00:14

Cesium去掉一些默认事件

因为这个框的存在会导致点击地图的时候在点击的位置附近加一个绿色的框，但是很多时候绿色的框框住的又不是点击的实体，所以去掉更好一点selectionIndicator:false,2、去掉自带的双击事件在做cesium
不吃糖的哼哼·2024-01-18 21:06

Cesium根据经纬度获得该位置的实体+实体闪烁

能拿到实体的经纬度数据可以反过来计算这一经纬度在地球上的高度，根据经纬度高度再去计算笛卡尔坐标系下的坐标，再将笛卡尔坐标转换成屏幕坐标，用这个屏幕坐标去拾取当前屏幕上这个位置的实体闪烁的效果实现的很粗糙，就是拿到实体数据之后设置延时来改变实体的颜色也可以加上飞行效果，让视角调整到显示该实体补充说明：后来使用这个功能的时候，发现加上飞行效果之后计算得到的实体不准确。这个核心就是坐标转换，把计算出来的
不吃糖的哼哼·2024-01-18 21:06

Cesium 点击实体显示可随地图移动的弹框

实体数据加载到地图上之后，使用点击事件拾取实体获取实体信息clickPop(){let_this=this;//实体的点击事件_this.drawHandler=newCesium.ScreenSpaceEventHandler
不吃糖的哼哼·2024-01-18 21:06

Cesium使用Primitive方式加载海量多边形

使用Primitive加载海量多边形，在加载地形的情况下让Primitive绘制出来的多边形贴地this.polygonArr.forEach((item)=>{lettempPosArr=[];if(item.geometry.coordinates.length!==0){item.geometry.coordinates[0].forEach((ii)=>{tempPosArr.push(i
不吃糖的哼哼·2024-01-18 21:36

Cesium 查看版本

查看当前系统中Cesium的版本号console.log(Cesium.VERSION,'cesium版本号');控制台会输出版本号
不吃糖的哼哼·2024-01-18 21:36

Cesium 面流动纹理效果

想要给一个面实体添加流动条纹的显示效果面流动纹理这种效果就是创建一个材质，然后给polygon的material。网上有很多实现流动线的例子，比如我参考过的这个例子，链接网址：https://juejin.cn/post/7054970604104974344因为在网上找了很多，都是流动线的例子，而且他们实现流动的效果就是创建一个材质让一张图片一帧一帧的动起来。我就想，可以不可以把这个材质放到面上
不吃糖的哼哼·2024-01-18 21:04

Vue-cli3 + Cesium1.63版本以上 开发环境配置

1.Vue3创建项目vuecreatetdmap2.npm引入Cesium包cnpminstallcesium--save3.新增配置文件constCopyWebpackPlugin=require('
心淡然如水·2024-01-18 15:27

cesium内部相同坐标在不同高度的2个点的属性机制坐标会gltf模型角度值异常问题mars3d的处理办法

模型一直向上运动的正常效果：问题场景：1.newmars3d.graphic.ModelPrimitive({使用addDynamicPosition(设置并添加动画轨迹位置，按“指定时间”运动到达“指定位置”时发现，如果是同一个点位不同高度值的y轴竖直向上方向的运动。指定pitch:270偏转角度的时候，会出现模型的角度值异常的问题。错误代码：相关api文档：ModelPrimitive-V3.
mianmianwu·2024-01-18 10:12

智慧城市中城市级建筑白膜的加载与动态调色

本文以cesium为例，重点了阐述了在智慧城市场景中，如何基于cesium进行城市级建筑模拟渲染，以及点击展示模型数据的属性信息，支持根据建筑的不同高度来渲染不同的颜色。
夜郎king·2024-01-18 06:45

cesiumlab切片通过arcgisjs加载

cesiumlab切片通过arcgisjs加载需要注意2个地方，一个是tileInfo，一个是getTileUrl，在tileInfo中定义好cesiumlab切片的相关信息。
tx_xtt·2024-01-17 16:23

cesium设置近地天空盒 多种效果（附天空盒原图）

为了效果逼真设置了当达到一定高度时就恢复系统默认星空天空盒所，以设置了两个变量一个是近地的天空盒子一个是当超过一定高度时用系统默认的letcurrSkyBox;//当前生效的SkyboxletdefaultSkybox;//cesium
m0_63701303·2024-01-16 14:12

cesium设置近地天空盒 天空会倾斜

上篇文章讲解了如何设置近地天空盒，效果出来了还是发现天空是斜的https://blog.csdn.net/m0_63701303/article/details/135618244效果：这里需要修改Cesium.skyBox
m0_63701303·2024-01-16 14:12

cesium星空天空盒效果（附原图）

效果：代码：{{item.name}}importMapfrom"@/components/map/Map.vue";import{nextTick,onMounted,reactive}from"vue";import"./skybox_nearground.js";constperson=reactive({cameraData:[{name:"效果1",title:"",callback:(
m0_63701303·2024-01-16 14:39

Cesium 简单使用

依赖cesium基础变量//外部服务基础urlvarbaseUrl='http://localhost:8093';//cesiumlab切片地址varmapUrl=baseUrl+'/Earth/{z
tx_xtt·2024-01-15 13:29

cesium 3dtiles整体和局部压平

cesium3dtiles整体和局部压平通过cesiumCustomShader和3dtiles模型的法线实现
BJ-Giser·2024-01-15 11:50

cesium 雪积压效果

cesium雪积压效果实现原理通过cesium的PostProcessStage（后处理）获取当前像素在世界坐标系下的法线方向——>获取当前像素的上方向——>判断两个向量的接近程度（接近程度越高
BJ-Giser·2024-01-15 11:50

cesium 雷达卫星扫描效果

cesium雷达卫星扫描效果直接上代码/***@Description:雷达扫描卫星*@authorBJGiser*@date2023/07/20**/exportdefaultfunctionaddSatellite
BJ-Giser·2024-01-15 11:50

Cesium矢量数据加载方案 CesiumLab系列教程

传统GIS数据，除了栅格之外，还有一类数据，通过点、线、面等几何对象来描述地理实体，这就是矢量。矢量的三维可视化问题比较复杂，根据三维的渲染方式可以分为以下几种:1.是栅格化展示和绘制，借助二维GIS服务器的矢量渲染出图能力，矢量可以在服务端生成图片，三维上加载方式就类似栅格的影像切片，二维GIS相关的标准服务，比如WMTS，WMS等可以直接接入到三维中。这块的产品也比较多，比如Esri的arcg
Cesium实验室·2024-01-15 11:50

Cesium空间数据的加载

在Cesium中一版会使用到的数据分为：矢量数据和栅格数据矢量数据：几何体的加载，模型、标签等栅格数据：地图、地形的加载加载空间数据所需准备//加载新地图，设置一个变量用于存储新地图的信息varesri
未名＇·2024-01-15 11:49

14.（地图数据篇）arcgis地图瓦片数据获取--java代码

地图之家总目录（订阅之前请先查看该博客）地图之家：cesium+leaflet+echart+地图数据+地图工具等相关内容的介绍文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。
GIS之家家长·2024-01-15 11:18

cesium 加载arcgis 发布的静态切片服务

arcgis发布的服务有静态地图服务（缓存切片）和动态地图服务，参考网上的ArcGisMapServerImageryProvider，cesium可以正常加载arcgis瓦片如：varvec2s=newCesium.ArcGisMapServerImageryProvider
cici_cmh·2024-01-15 11:48

cesium 加载arcgis server pbf

cesium加载arcgisserverpbf部分代码importMapboxVectorTileImageryProviderfrom'.
BJ-Giser·2024-01-15 11:17

Cesium 加载gltf

imageBasedLightingFactor：指定基于漫射和高光图像的照明因子参数letposition=Cesium.Cartesian3.fromDegrees(104.17401,30.65793,10
mouka~·2024-01-15 10:59

Cesium 加载模型比较暗

letposition=Cesium.Cartesian3.fromDegrees(104.17401,30.65793,10);constheading=Cesium.Math.toRadians(135
mouka~·2024-01-15 10:29

new mars3d.layer.GeoJsonLayer({实现图标点billboard贴模型聚合效果

【mars3d】的依赖库cesium本身是不支持贴地/贴模型操作的2.sdk内部异步计算了数据的贴地/高度值之后，更新到图层上实现贴地/贴模型效果的3.相关的示例链接：1.功能示例(Vue版)|Mars3D
mianmianwu·2024-01-15 10:10
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他