- 博客(99)
- 收藏
- 关注
RSS订阅原创 HTTP 状态码是服务器对客户端请求的响应标识，用于表示请求的处理结果
5xx表示服务端问题，避免暴露内部错误信息。4xx表示客户端问题，响应中应包含。403：显示"无权访问"提示。5xx：建议用户稍后重试。404：显示友好错误页。2xx：正常处理数据。401：跳转到登录页。
2025-05-08 09:48:45
1109
原创 cesium（vue）一些面试问题（包含Three.js）
3D Tiles 是 Cesium 提出的一种用于流式传输和渲染大规模三维地理空间数据集的开放规范。在处理大规模三维地理数据（如城市建筑、地形、点云等）时，传统的三维数据格式在数据加载、渲染效率等方面存在诸多挑战，而 3D Tiles 规范通过将数据组织成层次化结构，实现了数据的按需加载和高效渲染，能显著提升大规模三维场景的展示性能。用途。
2025-02-20 00:14:59
2267
1
原创 ArcGis和Super Map
ArcGIS 是美国环境系统研究所（ESRI）开发的一系列地理信息系统（GIS）软件产品的总称，它提供了一套全面的工具和服务，可用于采集、存储、分析、管理和展示地理数据，在众多领域都有广泛的应用。
2025-02-19 21:27:02
1083
原创 3dtile平移子模型以及修改 3D Tiles 模型的模型矩阵z平移
第一段代码演示了如何平移子模型，通过变换矩阵调整子模型的局部位置。第二段代码演示了如何平移整个 3D Tiles 模型，通过计算偏移量并应用到来调整整个模型的位置。如果你想要同时操作多个子模型并进行全局平移，通常需要结合使用这些方法。你可以先对每个子模型应用局部变换（例如平移），然后再通过对整个模型进行全局变换。
2024-11-29 10:44:05
1427
原创 对载入的3dtiles进行旋转、平移和缩放变换。
这段代码实际上是在计算一个综合的变换矩阵，它包括了平移、旋转和缩放，并将该矩阵应用到模型的根节点上，从而影响整个模型的显示。通过调整params对象中的参数，你可以控制模型的最终位置、方向和尺寸。params.rxparams.ryparams.rz：控制旋转的角度。params.txparams.typarams.tz：控制平移的经度、纬度和高度。：控制模型的缩放因子。最终，通过这种方式，模型将按照指定的变换在 Cesium 中呈现。
2024-11-29 10:33:20
1514
原创 cesium 3dtile ClippingPlanes 多边形挖洞ClippingPlaneCollection
在Cesium3D Tiles（如城市模型）Primitives（如几何体）Models（如 glTF 模型）Terrain（地形）Imagery（影像图层）Skybox（天空盒）（自定义几何体）这些对象可以通过结合多个切割面来实现不同的裁剪效果，从而动态地控制场景中的可见部分。
2024-11-28 20:09:56
1210
原创 局部修改3dtiles子模型的位置。
初始化变量：通过submodel获取当前子模型的初始变换矩阵。设置平移量：定义一个平移向量，在 Z 轴方向上平移指定的高度（height设置动画时间：设置动画的持续时间为 1 秒。动画执行：使用 Cesium 的时钟（）和onTick事件每帧更新动画，计算当前进度并更新变换矩阵，最终实现平移效果。停止动画：通过setTimeout在 2 秒后停止动画。
2024-11-21 16:35:21
605
原创 cesium 监听相机高度变化
Camera.moveStart：相机开始移动时触发。Camera.changed：相机发生变化时触发。Camera.moveEnd：相机停止移动时触发。
2024-11-20 15:50:44
342
原创 img 图片批量压缩画质添加
采用异步函数 用于加载一张图片，并将其压缩到最大尺寸为 800x800，且质量压缩为 10%（即较低质量），然后返回压缩后的图片的 编码字符串。html部分示例：方法：调用时传入 图片路径函数定义： 这是一个异步函数，接受一个图片的 URL 地址作为参数。创建 对象： 这部分代码创建了一个新的 对象，并将其 属性设置为传入的 URL，这将开始加载图片。返回一个 Promise： 函数返回一个 ，用于异步处理图片加载和压缩。 会在图片加载成功后调用 ，或者加载失败时调用
2024-11-20 14:28:23
932
原创 QGIS 处理图层样式
文件）来管理和共享样式。QGIS 支持多种类型的数据样式设置，包括符号、标签、渲染和渐变等。框选区域都是可编辑的，根据需要调整数字及其颜色，保存即可。中发布和应用样式是非常直观和简便的，通常是通过。如何导出sld样式供 geoserver使用呢。下面我们以tif格式的数据为例，点击另存为QGIS图层样式文件。直接讲tif 数据拖到这儿。也可以选择单波段伪彩色。加减波段修改值及其颜色。
2024-11-18 10:24:12
414
原创 GeoServer 发布样式
样式的来源可以是 QGis处理的。如果不是选择文件上传的，也可以在下面编辑区直接粘贴上全部代码。这俩个地方名字要一致。
2024-11-18 10:11:48
332
原创 geoserver发布遥感影像
样式的设置可以通过 qgis平台来处理，，可以看下一篇qgis设置样式介绍。点击发布，也可以在图层里面 点击发布找到改数据源，来发布。数据要存在改服务器里面。这里选中我们设置好的样式。
2024-11-18 10:08:22
249
原创 cesium 的Cesium3DTileset
是 Cesium 中用来加载和渲染 3D 瓦片数据（如建筑物、城市模型等）的一种对象。3D Tiles 是一个专为大规模城市建模和地理信息系统（GIS）应用设计的开放标准，它将大量的 3D 模型数据分成小块（瓦片）进行存储和渲染，从而优化了加载速度和性能。
2024-11-15 16:13:09
876
原创 cesium^1.119.0新版wms等图层层级的调节
其实应该也适用于这个附近的版本，有些老版本的方法名改了。在 Cesium 中，图层的显示层级（即图层的堆叠顺序）由图层在 ImageryLayers集合中的位置（索引）决定，索引越小的图层位于下层，索引越大的图层位于上层。
2024-11-06 16:30:04
477
原创 GeoSever发布图层（保姆姬）
源数据名称Shapefile则代表需要“数据存储”中添加数据源的文件名称为相应名称的SHP格式数据；mySQL的数据源则需要“数据存储”中添加MySQL基于该数据库的连接。样式文件名称代表需要在样式中，新增样式时，从sld文件中载入样式信息，来新建样式，新建图层时关联该样式。
2024-11-01 15:31:54
1961
原创 赋值和深拷贝和浅拷贝
赋值：引用复制。浅拷贝：一层复制，内层共享。深拷贝：完全独立的复制。栗子：对子对象的影响主要取决于使用的赋值方式（赋值、浅拷贝或深拷贝）。以下是对每种方式的详细说明和示例，尤其是在处理嵌套对象时如何影响原始对象。赋值：修改任意属性都会影响原始对象，因为它们共享同一引用。浅拷贝：顶层属性的修改不会影响原始对象，但对子对象的修改会影响原始对象，因为它们共享同一引用。深拷贝：所有修改都不会影响原始对象，两个对象完全独立。浅拷贝的方法。
2024-09-25 11:47:29
761
原创 详细cesium Entity添加实体
这段代码的主要作用是将一个点实体添加到 Cesium 视图中，支持多种自定义样式。它确保了输入的有效性，并提供了默认值，增加了函数的鲁棒性和灵活性。
2024-09-25 11:23:47
625
原创 cesium创建playgon使用Cesium.PolygonGraphics和Cesium.PolygonHierarchy
是用于定义多边形的层次结构的构造函数。它接受一个顶点数组，并可以嵌套多个环（例如，外环和内环）。是用于定义多边形图形的选项对象。第二种，用来创建遮罩多于。
2024-09-23 15:16:44
523
原创 cesium 使用异步函数 getHeightAtPoint，获取指定经纬度点的地形高度。
这个函数使用 CesiumJS 库的方法来获取地形数据。
2024-09-05 20:39:18
759
原创 创建dom，添加点击事件
函数在全局范围内被调用。这个全局函数可以在浏览器的任何地方访问和执行，用于在不同的脚本或模块之间共享功能。是一个将函数赋给全局。
2024-09-05 20:32:01
313
原创 pointer-events: auto； 是一个 CSS 属性，
是一个 CSS 属性，用于控制一个元素是否可以成为鼠标事件（如点击、悬停、拖动等）的目标。以下是对。
2024-09-05 20:28:46
751
原创 js随机数是生成 大写字母以及数字
1 ：使用这段 方法生成一个包含字母和数字的随机字符串。具体步骤如下：定义字符集:生成随机字符串:返回结果:这个方法灵活且适用于生成不同长度的随机 ID。使用 这段代码用于生成一个随机字符串。让我们详细解析一下：如果 是3，则会生成一个3个字符长的随机字符串。
2024-09-05 20:17:22
385
原创 鼠标控制dom元素的大小。采用ResizeObserver——监听元素大小的变化
ResizeObserver是浏览器提供的API，用于替代window.resize事件监听元素尺寸变化，避免性能问题。它能精确观察到Element内容区域或SVGElement边框的变化。在示例中展示了如何在Vue应用中使用ResizeObserver监听div元素的尺寸，并实时更新其内容。同时，需要注意CSS的resize属性需设置为hidden以使功能生效。监听一个目标元素的大小变化，并根据目标元素的新尺寸调整 Cesium 画布 (取消特定观察者目标上所有对。这段代码的目的是使用。
2024-09-05 20:03:12
436
原创 cesium 加载模型动画最详细版
加载模型有俩种方法 primitives和entities。新版的目前 "cesium": "^1.119.0",又有更新，以下以次距离。// 定义 gltfCallback 回调来获取动画数据。注意 shouldAnimate: true,要打开。一个重点就是添加：gltfCallback属性。entities添加模型动画。新版的primitive。旧版primitive。
2024-09-05 10:00:12
1092
原创 Cesium.ScreenSpaceEventHandler是 CesiumJS 中用于处理屏幕空间事件（如鼠标点击、移动、滚轮等）的工具
是 CesiumJS 中用于处理屏幕空间事件（如鼠标点击、移动、滚轮等）的工具。这个类可以帮助你响应用户在视图画布上的操作，从而在 3D 场景中执行相关的逻辑。
2024-09-02 18:35:14
1041
原创 nvm install 18.16.0 Error retrieving “http://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt“:
路径, path 是node的环境变量路径可以不用修改..使用了不再有效的或不可用的镜像源。找到安装路劲修改文件。
2024-08-31 14:41:35
595
1
原创 this.$nextTick() 是 Vue.js 提供的一个方法
的作用是确保在 Vue 完成 DOM 更新后再执行特定的代码。这在处理依赖于视图更新的逻辑时特别重要，可以避免因视图尚未更新而导致的潜在问题。
2024-08-31 11:28:04
930
原创 vue2 vue3 props 的处理机制
在 Vue 2 中，props 是单向数据流，父组件向子组件传递的 props 默认情况下是不具有响应式特性的。这意味着当父组件的数据发生变化时，如果传递给子组件的 props 发生变化，子组件不会自动更新视图。子组件可以将 props 视为本地数据来使用，但是如果父组件的数据发生变化，不会自动更新传递给子组件的 props。因此，Vue 3 中的 props 是默认响应式的，这是 Vue 3 在响应式系统方面的一大进步，使得开发者在处理组件间的数据传递和响应时更加方便和直观。例如，可以在子组件内部使用。
2024-07-29 18:15:51
629
原创 使用 Primitive 直接添加到 scene.primitives 中与使用 PrimitiveCollection 可以帮助你组织和管理多个 Primitive
使用Primitive直接添加到中是最常见的做法，这种方式简单且直接。而使用可以帮助你组织和管理多个Primitive，尤其在需要对多个对象进行统一管理时特别有用。根据具体的需求，选择合适的方式来管理和渲染你的场景对象是很重要的。
2024-07-26 11:21:38
670
原创 Three.JS飞入定位模型的位置。
这里创建了一个 Tween 对象，定义了初始状态（旧的相机位置和目标点）和最终状态（新的相机位置和目标点），以及动画的时间参数。如果是创建mesh不需要这部，因为我gitf模型的处理是用回调去处理添加的gltb模型。在render循环里面记得加 TWEEN.update();方法设置 Tween 的目标状态和动画时间。是一个函数，接受旧的相机位置 ()，还有一个可选的动画时间参数 (库创建动画效果，实现平滑过渡。方法设置缓动函数，这里使用了。，表示缓入缓出的三次方缓动效果。)，以及新的相机位置 (
2024-07-19 18:41:18
667
原创 Three加载Mesh 且修改一些属性（box示例）
跳转的Object3D里面的属性也可以通过cube.属性进行修改。那么对于其他的属性，比如position。首先在场景初始化完成后，加载一个box。关于mesh的属性。加载完成后想要修改cube的值。查看官网对mesh的介绍。创建Mesh都适用。
2024-07-16 17:13:30
392
原创 Three.JS 使用RGBELoader和CubeTextureLoader 添加环境贴图
RGBELoader和CubeTextureLoader 添加环境贴图
2024-07-16 14:54:05
959
Three.JS 使用RGBELoader和CubeTextureLoader 添加环境贴图
2024-07-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人