Cesium个人心得

Cesium点位弹窗

1.弹窗没法向加入点位一样加入到地图内部，entity没法实现2.使用绝对定位，将地图组件通过定位加入到地图上，注意弹窗层级一定在地图上3.通过判断点击位置是否是点位来获取entity信息，将信息显示在弹窗4.将点击处点位的经纬度转为浏览器视图的x,y坐标，设置弹窗位置5.监听地图的缩放和拖动，实时改变显示的弹窗的位置，使弹窗一直保持在点位上方效果：地图组件（.vue）import{onMount
小满blue·2023-11-22 02:51

cesium轮询高亮geojson面轮廓，并获取面要素属性

cesium版本1.104实现思路创建高亮的实体对象，加载geojson面，获取到每个entity，设置定时器进行轮询，轮询到当前entity，首先清除高亮实体对象，根据轮询到的当前entity的position
胖胖a·2023-11-22 02:21

cesium加载geojson面、面轮廓、线

cesium版本1.104加载geojson面加载面并增加面的轮廓Cesium.GeoJsonDataSource.load("xxx.json").then(dataSource=>{letentities
胖胖a·2023-11-22 02:50

Cesium加载GeoJSON数据

Cesium加载GeoJSON数据自定义数据源的一个示例。
浮年似水·2023-11-22 02:20

cesium.js加载geojson三维建筑

引入文件如下：（app7.js是自己的文件）JS代码示例：先去官网申请一个token加在代码前面Cesium.Ion.defaultAccessToken="官网申请的token"大致就是这样，效果图
肆爪·2023-11-22 02:48

Cesium11：加载geojson面贴地和显示边界问题

1.背景cesium加载geojson面数据后，有部分数据在地形下面显示不全，加了clampToGround:true，设置贴地后，边界又不见了this.viewer.dataSources.add(GeoJsonDataSource.load
西北码农·2023-11-22 02:47

cesium加载geojson数据实现线面加载

smcPromise=Cesium.GeoJsonDataSource.load(boundarydata,{id:'provinceBoundary',clampToGround:true,stroke
小仙有礼了·2023-11-22 02:16

Cesium 加载geojson数据类型点线面

/geojson';2.加载面constaddPolygonEvt=()=>{viewer.dataSources.add(Cesium.GeoJsonDataSource.load(scGeojson
小满blue·2023-11-22 02:15

好文案一句话就真的够了

无记录，无发生日精进day37工作和成长需要有幸得到这本书的电子版因为来自重要的人的分享所以也视作心肝宝贝儿果然，重要的人，从不让你失望现分享个人心得：这本书虽然短小，但是在道术上非常全面:有总结18种文案写法有案例解释
七喜sevenup·2023-11-21 23:51

UE5、CesiumForUnreal实现加载GeoJson绘制墙体（Wall）功能（StaticMesh方式）

文章目录1.实现目标2.实现过程2.1实现原理2.2具体代码2.3应用测试2.3.1流动材质2.3.2蓝图测试3.参考资料1.实现目标与上一篇以StaticMesh方式实现面类似，本文通过读取GeoJson数据，在UE中以StaticMeshComponent的形式绘制出墙体数据，并支持Editor和Runtime，在Editor下实时读取本地数据生成墙体的GIF动图如下：2.实现过程2.1实现原
右弦GISer·2023-11-21 20:14

cesium使用primitive方式加载geojson

文章目录1.实现效果2.实现方法Cesium实战系列文章总目录：传送门之前加载geojson数据都是使用dataSource和entity的方式，但是当数据量大时，使用primitive方式加载数据，可以提高加载渲染效率
右弦GISer·2023-11-21 20:13

UE5、CesiumForUnreal实现加载GeoJson绘制盒体（Box）功能（StaticMesh方式）

文章目录1.实现目标2.实现过程2.1实现原理2.2具体代码2.3应用测试2.3.1材质2.3.2蓝图测试3.参考资料1.实现目标与之前基于StaticMesh创建Polygon和Wall类似，本文通过读取本地GeoJson数据，在UE中以staticMeshComponent的形式绘制出盒体Box，支持Editor和Runtime模式，在Editor下生成盒体Box的GIF动图如下所示：2.实现
右弦GISer·2023-11-21 20:52

cesium 自定义气泡 类

classCesiumPopupClass{constructor(viewer,options){this.viewer=viewerthis.position=options.position;this.options
AF01·2023-11-21 11:30

3D格式转换工具

模型格式转换辅助的一些开源仓库和工具（一）转换成gltf工具gltf作为3D界的jpg标准，如今已经有很多引擎对其进行了支持，这里单独把它列出来1.obj转glft工具git仓库：https://github.com/CesiumGS
霹雳书生·2023-11-21 09:41

Cesium 笛卡尔坐标系转经纬度高程

Cesium||!window._cesium){thrownewError('非cesium地图')}if(!cartes
zwf193071·2023-11-21 02:02

【超图+CESIUM】【基础API使用示例】30、超图｜CESIUM -【坐标转换】弧度转经纬度

前言缺少前置学习使用资料，请自行查阅：[https://blog.csdn.net/weixin_44402694/article/details/123110136](https://blog.csdn.net/weixin_44402694/article/details/123110136)以下示例使用到的公共静态资料，不建议下载，建议官网自行下载超图Build资源，示例所涉及图片会在示例使
汪 同 学 丶·2023-11-21 02:00

cesium米转换经纬度_cesium 笛卡尔坐标（单位：米） 与 经纬度（单位：弧度/度） 之间的转换。...

this.model.readyPromise.then(function(tileset){//记录模型原始的中心点varboundingSphere=tileset.boundingSphere;that.boundingSphere=boundingSphere;//模型原始的中心点。此处是笛卡尔坐标，单位：米。varposition=boundingSphere.center;//此处是经
weixin_39654322·2023-11-21 02:28

Cesium：入门教程（三）之视窗配置

在初始化视图之前，先学下基本的cesium类型：Cartesian3：三维笛卡尔直角坐标–当用来表示位置的时候，这个坐标指在地固坐标系下，相对地球中心的坐标位置，单位是米。
Dawn_www·2023-11-21 02:26

Cesium屏幕坐标转经纬度

letcartesian=viewer.scene.pickPosition(movement.position);if(Cesium.defined(cartesian)){////空间坐标转世界坐标
头秃小天才·2023-11-21 01:25

Cesium将笛卡尔坐标转经纬度坐标

鼠标左键事件：handler=newCesium.ScreenSpaceEventHandler(viewer.canvas);handler.setInputAction(function(event
mouka~·2023-11-21 01:25

cesium坐标转换：不同坐标系之间的相互转换

cesium中描述空间物体的位置时，常用坐标有三种格式：空间三维（笛卡尔）坐标：newCesium.Cartesian3(x,y,z)空间（球）极坐标：newCesium.Cartographic(longitude
Gisleung·2023-11-21 01:55

cesium教程-3（显示高度,海拔,经度,纬度）

老规矩先看效果解析：在Cesium里面，我们可以通过Cesium.ScreenSpaceEventHandler的实例化对象的setInputAction方法绑定鼠标事件：varhandler=newCesium.ScreenSpaceEventHandler
前端小孟·2023-11-21 01:54

Cesium获取经度 ，纬度，高度

实例代码获取坐标转经纬度//资源访问key，可以换成你的Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI4MWI5NTY0Mi1iOGE3LTQ3ZTMtOGQ4OC03NThiN2VkZGI4NTYiLCJpZCI6NzY2Niwic2NvcGVzIjpbImFzbCIsImFzciIs
dhptkq9465·2023-11-21 01:21

cesium系列10：根据中心点绘制圆和返回离某点最近的一个点的方法

1.背景有需求写一个方法cesium提供一个代码方法接收参数为functionaaa(point1,point2,radius,num)其中点1和点2是经度纬度高度对象，以point2为圆心，radius
西北码农·2023-11-21 01:50

Cesium 世界坐标转经纬度

varcartesian3=newCesium.Cartesian3(x,y,z);varcartograhphic=Cesium.Cartographic.fromCartesian(cartesian3
Passerby_OK·2023-11-21 01:19

Cesium 问题：输出的 纬度 latitude 是 0

文章目录问题分析问题在坐标转换的时候，出现如下问题分析在检查代码后，发现我将转换之前的高度默认设置为了0，因此没能正确转换letpositionsOnCircle=[];//圆面边缘的点letnumPoints=360;for(leti
博客zhu虎康·2023-11-21 01:16

SuperMap iClient3D for WebGL教程（S3MTilesLayer）- 显示优化设置

作者：kk文章目录前言一、获取S3MTilesLayer的方法1、Cesium.when回调获取2、通过scene查找获取二、显示优化设置1.显示精度问题2.显示控制3.显示色彩三、加载速度优化1.多子域前言三维的加载效率以及显示效果一直以来都是大家关注的重点
啊西：·2023-11-20 14:45

vue+supermap三维地图（场景 模型 打包问题 报错）

Vue-iClient3D-WebGL（点击打开官网）推荐安装方法：npminstall@supermap/vue-iclient3d-webgl步骤：安装完环境后，需要在node_module/@supermap文件夹中找到Cesium
景严·2023-11-20 14:41

SuperMap iClient3D for Cesium之模型数据集发布数据服务实现快速查询

  SuperMap官网WebGL范例里对模型进行属性查询，用到三种方法：  1.模型数据集发布数据服务进行查询；  2.模型数据集转成二维面数据集或者属性表，对二维面或者属性表发布数据服务进行查询；  3.通过模型缓存进行属性查询。  以上三种方式具体实现过程可见博客https://blog.csdn.net/supermapsupport/article/details/124879325。上
nannan^_^·2023-11-20 14:38

Cesium--一些实验过程中的效果记录

1.一种反射效果：片元着色器代码fragmentShaderSource:`invec3v_positionMC;invec3v_positionEC;invec2v_st;voidmain(){czm_materialInputmaterialInput;vec3normalEC=normalize(czm_normal3D*czm_geodeticSurfaceNormal(v_positio
LongJ_Sir·2023-11-20 10:30

QGIS 现已支持 3D Tiles

这个扩展三维地理空间生态系统的开发是CesiumEcosystemGrantsupportingthepartnershipofNorthRoadandLutraConsulting的结果，服务于QGIS
碳学长·2023-11-20 06:11

Cesium实现建筑物单体化（分栋分层）

具体实验步骤如下：1.首先有整个区域的3dtiles模型，加载到Cesium场景中；2.在GIS软件中，绘制所有需要单体化查询的建筑。可以使用ArcGIS（或QGIS）打
Gisleung·2023-11-20 06:37

离线底图瓦片，可用于Cesium加载使用【图说GIS】

离线地图分为两种：一种叫“金字塔瓦片”数据，一种叫“矢量地图数据”。我们看的在线地图比如，百度，谷歌，高德等等网页上的地图，都是金字塔瓦片；另外一种是手机上用来导航的，比如高德地图APP，也可以下载离线地图数据，这个就是矢量的。卫星影像地图都是金字塔瓦片，无矢量数据。因此，我们所说的离线地图通常都是指离线地图金字塔瓦片数据。离线地图金字塔瓦片搭建的离线地图服务分很多种：一般有WEB方式，TMS、W
ONEGISER(ZPC)·2023-11-20 06:07

楼块获取+楼块切片3dtiles+IIS服务器发布+cesium加载楼块

数据下载使用工具QGIS对楼块进行获取下载，生成.shp文件备用工具下载地址：https://www.qgis.org/en/site/forusers/download.html下载安装完毕，设置中文新建链接获取楼块保存.shp文件输入名称以及地图类别URL，这里使用OCM：http://a.tile.openstreetmap.org/{z}/{x}/{y}.png更多地图类别及安装QGIS操
LBY_XK·2023-11-20 06:05

cesium加载3dtile并将geojson进行叠加(保姆级教程)

在开始之前，我们假设你已经知道了cesium的最基础的使用方法，比如下载cesium，启动cesium等。好了，步入正题。
XFIRR·2023-11-20 06:05

cesium入门示例-矢量化单体分类

数据准备：1、大雁塔倾斜数据，已转换为3dTiles，参考cesium入门示例-3dTiles加载的第2节osgb数据展示；2、大雁塔分层多边形矢量图层shp文件；分层矢量数据包含每一层的最大最小高度，
banhusao3974·2023-11-20 06:05

Cesium加载建筑物模型（shp转Geojson\3Dtiles）

本文主要介绍cesium加载Geojson和3dtile格式的建筑物模型文件，除此之外还介绍了Cesium工具栏的屏蔽方法、天地图的加载、地球初始状态设置等几个部分的内容，其中又不乏参照、优化诸如：想成为大神的前端王菜鸟
Martian.Alien·2023-11-20 06:05

shp文件转3dtitle

使用cesiumLabCesiumLab的用处cesiumLab有一份使用手册，直接打开，详细需求在文档里面查看cesiumlab的三维可视可以查看各种功能和加载各种格式数据在这里插入图片描述shp文件怎么转换成
Da6668_lei·2023-11-20 06:35

在QGIS中加载显示3DTiles数据

“我们最近有机会在QGIS3.34中实现一个非常令人兴奋的功能–能够以“Cesium3DTiles”格式加载和查看3D内容！”——QGIS官方的宣传介绍。
Gisleung·2023-11-20 06:34

cesium 页面多 viewer 地图加载过缓解决方案

小小吐槽一下自从开始搞cesium相关的东西，各种疑难杂症就开始接踵而至，层出不穷。
纯爱枫若情·2023-11-19 20:33

Cesium实战专栏10.Cesium雷达扫描

前言雷达扫描效果可以用来做点半径查询时，查询过程中的显示动画，表示正在扫描此处的数据，就类似手机管家、电脑管家扫描可清除垃圾的时候那种动画效果，也可以用来实现其他动态效果，丰富场景的视觉效果。效果图关键代码//雷达扫描类exportdefaultclassRadarsEffects{constructor(viewer){this.radarsScans=[
xt3d·2023-11-19 13:12

Cesium雷达遮罩扫描效果

Cesium雷达遮罩扫描效果实现效果关键代码实现效果关键代码//计算扇形点串calcPoints(x1,y1,radius,heading){varm=Cesium.Transforms.eastNorthUpToFixedFrame
xt3d·2023-11-19 13:12

Cesium雷达扫描效果

Cesium雷达扫描效果前言项目中需要通过缓冲区查询某个点周边指定范围内的消防栓、监控点位数据，查询时需要给一个动态效果，于是就弄了一个雷达扫描效果。
xt3d·2023-11-19 13:12

cesium实现动态圆效果之——雷达扫描

文章目录1.实现效果2.实现方法2.1材质实现2.2代码调用Cesium实战系列文章总目录：传送门1.实现效果2.实现方法2.1材质实现通过设置圆的材质，即可实现雷达扫描效果。
右弦GISer·2023-11-19 13:40

cesium 图片旋转

cesium图片旋转1、实现思路用cesium中ellipse方法来加载圆型，改变material材质用ImageMaterialProperty属性来加在图片，实时改变rotation，stRotation
GIS-CL·2023-11-19 13:40

cesium实现雷达平扫效果

文章目录1.实现效果2.实现方法2.1调用方法2.2材质实现Cesium实战系列文章总目录：传送门1.实现效果2.实现方法2.1调用方法引入类js文件后，设置参数【中心点坐标，颜色，半径，持续时间】即可
右弦GISer·2023-11-19 13:10

cesium实现动态圆效果之——扫描圆

文章目录1.实现效果2.实现方法2.1材质实现2.2代码调用Cesium实战系列文章总目录：传送门1.实现效果2.实现方法2.1材质实现扫描圆材质circleScanMaterialProperty.js
右弦GISer·2023-11-19 13:10

cesium实现立体雷达扫描效果

文章目录1.实现效果2.实现方法2.1主要思路2.2核心代码Cesium实战系列文章总目录：传送门1.实现效果2.实现方法2.1主要思路首先，可以将立体雷达扫描拆分为三个部分实现，一是椭球体，二是扇形，
右弦GISer·2023-11-19 13:10

cesium 动态 圆扩散效果 雷达扫描效果

**获取AccessToken效果代码cesium扩散圆body,html{height:100%;padding:0;margin:0;}#cesiumContainer{width:100%;height
tianmeng1999·2023-11-19 13:09

Cesium 四种雷达扫描效果

Cesium雷达效果：1、无遮挡雷达利用entity球体实现重要：利用球体的旋转功能和Cesium的CallbackProperty函数不断的旋转letnum=0constrandar=this.viewer.entities.add
Oxygen_liu·2023-11-19 13:07
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他