超图+CESIUM

cesium polyline 自定义材质图片运动线

cesiumpolyline自定义图片运动线捣鼓了一下cesium的自定义Material，使用glsl实现自定义材质的polyline，视角缩放图片也不会变形，并支持材质沿线运动。
阿卡坤·2024-02-01 14:46

Cesium开发高级篇 | 01空间数据可视化之Primitive

在基础篇中我们讲过空间数据可视化之Entity实体类，今天我们介绍另外一个比较接近渲染引擎底层的类Primitive，虽然两者都可用于绘制同样的几何图形，但考虑到性能问题，我们更推荐您使用Primitive类实现。在使用PrimitiveAPI之前，您最好具备WebGL基础知识，如果对WebGL不是太了解，建议先学习《WebGL编程指南》这本书。Primitive介绍1.Primitive组成Pr
暮紫月升·2024-02-01 14:16

VUE3-Cesium（entity、primitive总结及材质的修改）

目录0.Entity和Primitive概述1.entity材质修改1.1MaterialProperty方式修改材质1.1.1MaterialProperty方式设置材质1.1.2示例1-设置矩形材质：1.1.3示例2-设置折线材质：1.2通过自定义materialProperty更改材质（自定义着色器）2.primitive材质修改2.1appearance修改材质2.1.1appearanc
HM-hhxx！·2024-02-01 14:15

Cesium 中的离屏渲染

Cesium中的离屏渲染本文参考了众多文章，均列在了最后。先感谢各位的分享精神，如觉有冒犯，请与我联系。部分内容来自个人理解，欢迎指正交流。
没法取名字了·2024-02-01 14:44

cesium根据高程点实现简易地下水水流分析

说明因为公司业务需求，要在web前端做一个水流分析的功能。但是提供的数据并不像风场数据一样，带有方向和速度信息。只有坐标点和高程。所以简单做了一个根据点的流向分析动画，里边没有用什么很复杂的算法，所以效果不是很好，但希望能给读者带来一点功能实现上的思路。对于流水路径的计算，肯定有更好的方法，这里只做简单示例。先上功能实现图:数据阶段因为本功能所用的只是带高程的点的合集，所以要对点进行分析首先从提供
有只老羊在发呆·2024-02-01 14:44

基于径向模糊的体积光在Cesium中的应用

概述当空间中包含足够稠密的光散射介质（例如气体分子和气溶胶）时，光源透过遮挡物的缝隙投射的光线打在空气中的尘埃上，产生散射进入到人眼中，这些光线看起来像是一道一道的光柱，被称为体积光。在图形渲染中，体积光对画面的质感能起到很大的提升作用。体积光的渲染主要有BillBoard贴片、径向模糊和光线追踪3种方式。BillBoard贴片是把带有光柱效果的图片叠放在原始场景之上，实现方式不够灵活，换另一个场
refineiks·2024-02-01 14:13

Cesium箭头线实现原理分析

Cesium原生提供了箭头线的材质，效果如图1所示图1Cesium箭头线效果由于遇到了改造箭头线材质的需求，因此花了一些时间对箭头线材质的原理做了一些了解。在此总结和分享，不足之处也请大家指正。
refineiks·2024-02-01 14:43

Cesium中三维热力图的实现思路

1、普通热力图的绘制基于开源库heatmap.js，将数据组织成它需要的格式heatmap.js需要的输入数据格式2、使用同一份数据通过heatmap.js绘制两张二维热力图，一张正常的热力图，一张用灰度表示的热力图（只有黑白两种颜色的渐变）Heatmap.create({//...gradient:{'0.3':'green','0.5':'blue','0.8':'yellow','0.95'
refineiks·2024-02-01 14:43

【Cesium】在着色器中计算片元的高程

问题提出有时候在Cesium上做一些效果时，需要知道片元的高程。而渲染是基于笛卡尔坐标的，没有高程这个概念。怎么在着色器中计算片元的高程呢？
refineiks·2024-02-01 14:11

Cesium的技术整理

1.cesium的一套加点、坐标转化方法：startPosition=viewer.camera.pickEllipsoid(movement.position,viewer.scene.globe.ellipsoid
y永夜·2024-02-01 10:27

cesium-加载地形图

废话不多说直接代码地形示例arcgis地形import{onMounted}from"vue";import*asCesiumfrom"cesium";importInitCesiumfrom"..
醉书生ꦿ℘゜এ·2024-02-01 07:36

解读——SuperMap iClient3D for Cesium使用柱体截面绘制河流

原文参考SuperMapiClient3DforCesium绘制河流（二）_cesiumpolylinevolume管道流向添加-CSDN博客river=viewer.entities.add({name
成为先生·2024-02-01 06:30

Cesium技术栈

1、屏幕坐标转经纬度viewer.screenSpaceEventHandler.setInputAction(functiononMouseClick(movement){//---------1、movement.position屏幕坐标varpickedObject=viewer.scene.pick(movement.position);letpickName=pickedObject.n
web搅拌机·2024-02-01 02:12

Vite+Vue3+TS 引入使用Cesium.js

申请CesiumToken进入Cesium注册账号cesium离谱的是E宝(Epic)居然可以快捷登录？！
RyzenVega·2024-02-01 00:01

Cesium：GeoJsonDataSource贴地

之前在《Cesium：Billboard贴地&细节参数调整》中有聊过关于：Cesium.js渲染单个点位进行贴地显示的参数配置，其实像Polyline、Polygon、Rectangle等线面几何也内置了可以控制贴地显示的基本参数
是席木木啊·2024-01-31 05:46

cesium应用篇:静态图添加与平移、缩放

staticimage进行调整向东、西、南、北移动沿东西、南北方向缩放命令行侧输出当前extent，可用于几何匹配初始化Earth初始化html,body{margin:0;height:100%;}#cesiumContainer
游无穷·2024-01-31 05:15

cesium系列篇:Entity vs Primitive 基础使用（Polygon）

本篇抛砖引玉，以创建Polygon为例展示基础使用时，使用Entity和primitive的区别。流程比对上图展示的创建polygon的两种方式对应的思维导图，基于此我们分析下分别通过Entity和Primitive创建一个Polygon的过程Entity创建流程配置polygon属性配置hierarchy配置material配置outlinePrimitive创建流程创建GeometryInst
游无穷·2024-01-31 05:15

cesium源码解析篇:GeoJsonDataSource(Polygon)

数据之后的代码调用和业务逻辑从中提炼对polygon进行解析和创建entity的函数以供参考读取GeoJSON获取feature判断是PolygonorMultiPolygon带hole创建entity对象代码调用栈Cesium.GeoJsonDataSource.load
游无穷·2024-01-31 05:44

Cesium渲染白膜数据

center)return;constm=Cesium.Transforms.eastNorthUpToFixedFrame(center);constsurface=center||Cesium.Carte
volodyan·2024-01-30 22:34

Cesium 实战 - 加载 GeoJson 混合几何类型数据（同时包含 MultiPolygon 和 MultiLinestring），不能加载的问题

Cesium实战-加载GeoJson混合几何类型数据（同时包含MultiPolygon和MultiLinestring），不能加载的问题复现问题完整代码：在线示例在之前的项目中，偶然遇到个气泡的问题：GeoJson
非科班Java出身GISer·2024-01-30 18:03

3dMax模型数据转cesium Gltf模型

转换前转换后转换完之后可以加载到Cesium等支持gltf的平台有任何问题加q374682949
二战红星叫·2024-01-30 08:42

卫星影像离线瓦片如何调用？

这里以OpenLayers、Mapbox和Cesium等多个开源GIS平台为例，为你分享卫星影像瓦片离线调用的方法，并附上相应的源代码示例。
水经注GIS·2024-01-30 06:48

UE4智慧城市开发流程梳理

1.GIS数据获取：谷歌地图、地理数据网站等中获取，或者使用第三方软件下载（水经注GIS、ESRI有的ArcGISonline，Cesium的ION）2.GIS数据处理并生成模型：第一类：EsriCityEngine
WindRushToNight·2024-01-29 21:49

DEM高程地形瓦片数据Cesium使用教程

在数据发布的文章中对数据如何发布，如何在Cesium中调相关接口使用只字未提，虽然数据发布接入对于资深开发者来说比较简单，但是对于入门者来说，还是比较费劲的，因此，我在
按图索迹·2024-01-29 15:18

Cesium开源water材质和粒子效果示例代码研究

文章目录关于本文的说明水特效水特效示例代码水特效属性设置说明水特效实际应用代码火特效火特效实现代码火特效属性设置说明位置的设置重力（Gravity）的控制粒子喷射间歇的强度的控制其他属性设置总结感想关于本文的说明  最近看到国内一位cesium
WaqarLeaver·2024-01-28 20:22

cesium实现动态流动水面效果

文章目录1.实现效果2.实现方法2.1实现思路2.2具体代码Cesium实战系列文章总目录：传送门1.实现效果2.实现方法2.1实现思路Cesium的material中提供了水water的相关材质：传送门
右弦GISer·2024-01-28 20:21

C2——cesium流动特效

描述：cesium里面的道路什么的加个流动的效果。原理：通过创建自定义材质来实现。效果：可以自己定义流动样式和颜色，可以调整流动速度的快慢，。
GIS兵墩墩·2024-01-28 19:50

Cesium材质特效

文章目录0.引言1.视频材质2.分辨率尺度3.云4.雾5.动态水面6.雷达扫描7.流动线8.电子围栏9.粒子烟花10.粒子火焰11.粒子天气0.引言现有的gis开发方向较流行的是webgis开发，其中Cesium
cacrle·2024-01-28 19:43

Cesium.js实现显示点位对应的自定义信息弹窗（数据面板）

博客：关于Cesium的常见需求整理之点位和弹窗（点位弹窗）博客：cesium添加点、线、面、文字、图标、模型等标绘零、相关技术选型：Vue2Vuecli5Cesium.js天地图一、需求说明在使用2D
@MADLING·2024-01-28 19:15

Cesium使用Polyline、Primitive画线条

/data/PolylinePrimitiveData.json").then((res)=>{letprimitiveCollection=newCesium.PrimitiveCollection(
volodyan·2024-01-28 13:21

Cesium使用WallGeometry、Primitive画wall

/data/WallPrimitiveData.json").then((res)=>{letprimitiveCollection=newCesium.PrimitiveCollection();letwallInstance
volodyan·2024-01-28 13:21

Cesium反向遮罩指定区域挖空---Primitive、PolygonGeometry、PolylineGeometry实现

PolylineRegionalExcavationFun2(){import("./data/安徽省.json").then((res)=>{console.log(`res`,res);letfeatures=res.features;letpositionArray=[];letborderLinePositionArray=[];//获取区域的经纬度坐标if(features[0]?.ge
volodyan·2024-01-28 13:20

Cesium反向遮罩指定区域挖空---Primitive、PolygonGeometry、WallGeometry实现

WallRegionalExcavationFun(){import("./data/安徽省.json").then((res)=>{console.log(`res`,res);letfeatures=res.features;letpositionArray=[];letborderLinePositionArray=[];//获取区域的经纬度坐标if(features[0]?.geometr
volodyan·2024-01-28 13:46

November 28th

为学与做人文|梁启超图|梁启超手迹01如果我问诸君，“为什么进学校？”我想人人都会众口一词的答道：“为的是求学问”。再问：“你为什么要求学问？”“你想学些什么？”
Calistabao·2024-01-28 13:09

Cesium路径回放--汽车运行轨迹

car6CarTrackPlaybackFun6(){letvehicleEntity;constdataSource=newCesium.CzmlDataSource();viewer.dataSources.add
volodyan·2024-01-28 11:49

map.trackedEntity()拿到矢量后，设置相机的跟踪锁定graphic的距离

constgraphic=e.graphicmap.trackedEntity=graphicif(map.scene.mode===Cesium.SceneMode.SCENE2
mianmianwu·2024-01-28 00:55

Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法

看报错是：CesiumVectorTile.js里的错误，进去看看错误行，是不是缺cesium//if(typeofexports==="object"&&ty
mianmianwu·2024-01-28 00:25

new mars3d.layer.WeiVectorTileLayer({在Mars3d官网个api搜索不到的说明

newmars3d.layer.WeiVectorTileLayer({在Mars3d官网个api搜索不到的说明说明：可以下载示例gitclonehttps://gitee.com/marsgis/mars3d-vue-example.git参考api文档的Cesium.VectorStyle
mianmianwu·2024-01-28 00:51

Vue3配置Cesium-navigation-es6

1.安装cesium-navigation-es6E:\CesiumProject\world>npmicesium[email protected].修改源码打开node_modules
小龙狗·2024-01-26 20:33

Cesium中的视角锁定

笔记：1、当添加一个entity对象后，我们双击entity对象，可以对对象进行定位，并且视角也会锁定到这个entity对象上，当需要取消锁定时，我们可以直接设置viewer.trackedEntity=undefined;即可取消视角锁定。2、当对当前场景使用viewer.camera.lookAt系列方法后，视角也会锁定到设定参数。可以设置viewer.camera.lookAtTransfo
为梦齐舞·2024-01-26 18:49

cesium new Cesium.Timeline

手动创建timelineclock,用于时间控制播放具体代码conststartTime=Cesium.JulianDate.addHours(newDate('2023-12-01'),8,newCesium.JulianDate
Haip·2024-01-26 15:03

Cesium 加载本地3DTiles

在线预览1.使用浏览器新的apishowDirectoryPicker浏览器端使用showDirectoryPicker获取本地一个文件夹，遍历获取所有文件夹及文件的描述信息constshowLocalLoadPanel=()=>{letgui=newdat.GUI();letitems=gui.addFolder('加载数据文件');letcommonUpload=async(callback)
Haip·2024-01-26 15:33

Cesium地图不加载或者加载有问题怎么办

主要原因是因为影像图层错了，cesiumiontoken过期啦地球影像图层出错了是必然了，我们人眼都可以看出来。
你知不知·2024-01-26 12:57

Cesium数据加载

文章目录0.引言1.影像加载1.1Bing地图1.2天地图1.3ArcGIS在线地图1.4高德地图1.5OSM影像1.6MapBox影像2.OGC地图服务2.1WMS2.2WMTS2.3TMS3.GeoJSON数据加载4.KML数据加载5.TIFF数据加载6.点云数据加载7.地形数据加载7.1在线地形数据加载7.2本地地形数据加载8.倾斜摄影模型数据加载9.glTF数据加载10.CZML数据加载1
cacrle·2024-01-26 12:24

关于跨域（Cesium开发中调用第三方服务时）

概念首先要理解什么是跨域？出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议
leemraz·2024-01-26 12:24

November 28th

为学与做人文|梁启超图|梁启超手迹01如果我问诸君，“为什么进学校？”我想人人都会众口一词的答道：“为的是求学问”。再问：“你为什么要求学问？”“你想学些什么？”
Calistabao·2024-01-26 10:16

vue使用cesium

1、安装：npminstallcesium@1.95.0--save2、在node_modules/cesium下面复制Widgets文件夹在src下面3、main.js中引入css样式import".
又尔D.·2024-01-26 05:07

新西兰8m DEM地形瓦片数据

新西兰所在世界位置看下图：最近从新西兰官网获取8mDEM数据，生成了Cesium能够接入的高程瓦片，于是便有了这份数据的由来。二、数据介绍先看看原始数据
按图索迹·2024-01-26 04:10

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他