GIS瞧葩菜-CSDN博客

原创 GeoSever发布图层（保姆姬）

源数据名称Shapefile则代表需要“数据存储”中添加数据源的文件名称为相应名称的SHP格式数据；mySQL的数据源则需要“数据存储”中添加MySQL基于该数据库的连接。样式文件名称代表需要在样式中，新增样式时，从sld文件中载入样式信息，来新建样式，新建图层时关联该样式。

2024-11-01 15:31:54 899

原创 cesium 加载wms服务以及WMS点击查询

就是添加地图服务，geoserice等地图服务。

2024-09-25 14:24:55 598

赋值：引用复制。浅拷贝：一层复制，内层共享。深拷贝：完全独立的复制。栗子：对子对象的影响主要取决于使用的赋值方式（赋值、浅拷贝或深拷贝）。以下是对每种方式的详细说明和示例，尤其是在处理嵌套对象时如何影响原始对象。赋值：修改任意属性都会影响原始对象，因为它们共享同一引用。浅拷贝：顶层属性的修改不会影响原始对象，但对子对象的修改会影响原始对象，因为它们共享同一引用。深拷贝：所有修改都不会影响原始对象，两个对象完全独立。浅拷贝的方法。

2024-09-25 11:47:29 716

原创详细cesium Entity添加实体

这段代码的主要作用是将一个点实体添加到 Cesium 视图中，支持多种自定义样式。它确保了输入的有效性，并提供了默认值，增加了函数的鲁棒性和灵活性。

2024-09-25 11:23:47 348

原创 cesium创建playgon使用Cesium.PolygonGraphics和Cesium.PolygonHierarchy

是用于定义多边形的层次结构的构造函数。它接受一个顶点数组，并可以嵌套多个环（例如，外环和内环）。是用于定义多边形图形的选项对象。第二种，用来创建遮罩多于。

2024-09-23 15:16:44 304

原创 cesium 使用异步函数 getHeightAtPoint，获取指定经纬度点的地形高度。

这个函数使用 CesiumJS 库的方法来获取地形数据。

2024-09-05 20:39:18 421

原创创建dom，添加点击事件

函数在全局范围内被调用。这个全局函数可以在浏览器的任何地方访问和执行，用于在不同的脚本或模块之间共享功能。是一个将函数赋给全局。

2024-09-05 20:32:01 257

原创 pointer-events: auto；是一个 CSS 属性，

是一个 CSS 属性，用于控制一个元素是否可以成为鼠标事件（如点击、悬停、拖动等）的目标。以下是对。

2024-09-05 20:28:46 459

原创 js随机数是生成大写字母以及数字

1 ：使用这段方法生成一个包含字母和数字的随机字符串。具体步骤如下：定义字符集:生成随机字符串:返回结果:这个方法灵活且适用于生成不同长度的随机 ID。使用这段代码用于生成一个随机字符串。让我们详细解析一下：如果是3，则会生成一个3个字符长的随机字符串。

2024-09-05 20:17:22 226

原创鼠标控制dom元素的大小。采用ResizeObserver——监听元素大小的变化

ResizeObserver是浏览器提供的API，用于替代window.resize事件监听元素尺寸变化，避免性能问题。它能精确观察到Element内容区域或SVGElement边框的变化。在示例中展示了如何在Vue应用中使用ResizeObserver监听div元素的尺寸，并实时更新其内容。同时，需要注意CSS的resize属性需设置为hidden以使功能生效。监听一个目标元素的大小变化，并根据目标元素的新尺寸调整 Cesium 画布 (取消特定观察者目标上所有对。这段代码的目的是使用。

2024-09-05 20:03:12 365

原创 cesium 加载模型动画最详细版

加载模型有俩种方法 primitives和entities。新版的目前 "cesium": "^1.119.0",又有更新，以下以次距离。// 定义 gltfCallback 回调来获取动画数据。注意 shouldAnimate: true,要打开。一个重点就是添加：gltfCallback属性。entities添加模型动画。新版的primitive。旧版primitive。

2024-09-05 10:00:12 318

原创 Cesium.ScreenSpaceEventHandler是 CesiumJS 中用于处理屏幕空间事件（如鼠标点击、移动、滚轮等）的工具

是 CesiumJS 中用于处理屏幕空间事件（如鼠标点击、移动、滚轮等）的工具。这个类可以帮助你响应用户在视图画布上的操作，从而在 3D 场景中执行相关的逻辑。

2024-09-02 18:35:14 594

原创 nvm install 18.16.0 Error retrieving “http://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt“:

路径, path 是node的环境变量路径可以不用修改..使用了不再有效的或不可用的镜像源。找到安装路劲修改文件。

2024-08-31 14:41:35 385

原创 this.$nextTick() 是 Vue.js 提供的一个方法

的作用是确保在 Vue 完成 DOM 更新后再执行特定的代码。这在处理依赖于视图更新的逻辑时特别重要，可以避免因视图尚未更新而导致的潜在问题。

2024-08-31 11:28:04 851

原创 vue2 vue3 props 的处理机制

在 Vue 2 中，props 是单向数据流，父组件向子组件传递的 props 默认情况下是不具有响应式特性的。这意味着当父组件的数据发生变化时，如果传递给子组件的 props 发生变化，子组件不会自动更新视图。子组件可以将 props 视为本地数据来使用，但是如果父组件的数据发生变化，不会自动更新传递给子组件的 props。因此，Vue 3 中的 props 是默认响应式的，这是 Vue 3 在响应式系统方面的一大进步，使得开发者在处理组件间的数据传递和响应时更加方便和直观。例如，可以在子组件内部使用。

2024-07-29 18:15:51 457

原创使用 Primitive 直接添加到 scene.primitives 中与使用 PrimitiveCollection 可以帮助你组织和管理多个 Primitive

使用Primitive直接添加到中是最常见的做法，这种方式简单且直接。而使用可以帮助你组织和管理多个Primitive，尤其在需要对多个对象进行统一管理时特别有用。根据具体的需求，选择合适的方式来管理和渲染你的场景对象是很重要的。

2024-07-26 11:21:38 419

原创 Three.JS飞入定位模型的位置。

这里创建了一个 Tween 对象，定义了初始状态（旧的相机位置和目标点）和最终状态（新的相机位置和目标点），以及动画的时间参数。如果是创建mesh不需要这部，因为我gitf模型的处理是用回调去处理添加的gltb模型。在render循环里面记得加 TWEEN.update();方法设置 Tween 的目标状态和动画时间。是一个函数，接受旧的相机位置 ()，还有一个可选的动画时间参数 (库创建动画效果，实现平滑过渡。方法设置缓动函数，这里使用了。，表示缓入缓出的三次方缓动效果。)，以及新的相机位置 (

2024-07-19 18:41:18 530

原创 Three加载Mesh 且修改一些属性（box示例）

跳转的Object3D里面的属性也可以通过cube.属性进行修改。那么对于其他的属性，比如position。首先在场景初始化完成后，加载一个box。关于mesh的属性。加载完成后想要修改cube的值。查看官网对mesh的介绍。创建Mesh都适用。

2024-07-16 17:13:30 316

原创 Three.js 加载glb模型

引入资源使用。

2024-07-16 16:17:12 612

原创 Three.JS 使用RGBELoader和CubeTextureLoader 添加环境贴图

RGBELoader和CubeTextureLoader 添加环境贴图

2024-07-16 14:54:05 789

原创 Three.js 对创建的物体进行位置旋转缩放修改。

方法直接设置对象的属性值，如果调用时只提供部分参数，未指定的属性将保持不变（不会被清除为默认值）。要修改物体的位置，直接访问其。

2024-07-12 11:50:53 291

原创 callBack方式实现threejs点击事件Raycaster

使用时调用initMouse传入回调函数。我用的的示例类发方式来初始化场景。类里面定义点击方法。

2024-07-12 11:19:40 196

原创 vite+vue3创建cesium （ts/js）

vite创建cesium

2024-07-10 10:22:41 401

原创使用 CopyWebpackPlugin 的时候报的错：ValidationError: Invalid options object. Copy Plugin has been initializ

Copy-webpack-plugin

2024-07-04 10:51:44 506

原创 cesium使用cesium-navigation-es6插件创建指南针比例尺

是一个为 Cesium.js 提供导航控件的库，它提供了一些常见的用户界面组件，用于在 Cesium 场景中实现用户导航和交互。下面将介绍如何在项目中使用。

2024-06-29 15:47:41 1317 1

原创 watch事件使用立即实行如何在mounted后（DOM 更新之后)执行.（精辟，细节）。用 this.$nextTick(() =＞ {}）实现。

在 mounted里面实例。监听一个 props 的变化，并在变化发生时执行不同的实例方法，同时由于需要在监听时立即执行，但又碰到了实例化类的顺序问题。然而watch立即执行时，类还未实例。需要watch监听值的变化执行不同的方法，且为保留数据监听必须immediate: true立即执行。用来延迟执行监听改变时执行的关于mountde里面实例的类。使得在实例完成后又可以马上使用实例方法。监听器在组件挂载完成后立即执行一次，而不必等待值的实际变化。然而接收父传入的值（多选框）变化去执行不同的实例方法。

2024-06-29 10:47:44 493 1

原创 vue2（vue-cli3x[vue.config.js]）使用cesium新版（1.117.0）配置过程

看来很多解决方法都没有办法，最后终于。呜呜呜呜这里我用的是vue-cli去搭建的项目的vue2 项目，其实不建议用vue2搭配cesium。因为目前cesium停止了对vue2的版本更新，现在默认安装都是vue3版本，因此需要控制版本，否则就会报错。只有cesiun为npm install cesium@1.95.0的时候搭配vue2使用不会用报错问题，而搭配使用新版本的cesium会报错。真的头疼，但是最后还是解决出来了。有2个方法。先说最好用的吧。

2024-06-28 15:26:41 2398

原创 vue2的watch详解。真的是服了这个watch有bug

在 Vue.js 2 中，watch是一个用来观察和响应 Vue 实例数据变动的选项。它可以用来监听数据的变化并执行相应的逻辑，比如在数据变化时更新界面或者执行一些异步操作。

2024-06-27 16:47:58 970

原创 Vue.js 的 provide 选项来向子组件提供数据

在 Vue.js 中实现跨组件的数据传递，而不需要通过 props 逐层传递数据，使得组件间的耦合度降低，同时提高了组件的灵活性。，分别用于获取和增加计数器的值。注入了父组件提供的方法。这个示例展示了如何通过。

2024-06-27 11:51:54 211

原创 cesium无法铺满怎么办？利用 ResizeObserver 来监听＜div＞元素的大小变化。使得其铺满

俺也不知道为什么，通常情况下，当你创建一个 CesiumViewer或实例时，需要指定一个现有的 DOM 元素作为容器。从而设置div元素大小情况下，即，是一个现有的元素的 id，它将成为 Cesium Viewer 的容器。实现全屏铺满样式设置。但是不知道为啥。死活不行Cesium 场景未能完全铺满所挂载的最后使用监听元素大小变化，resize事件不要挂在window上,应该在div上，resizeObserver。触发时重设画布大小为div宽高。要利用来监听。

2024-06-26 16:00:17 2265

原创如果通过路由打开新的标签页

【代码】如果通过路由打开新的标签页。

2024-06-18 16:56:16 541

原创 Rollup 打包一个 JavaScript 项目

配置中使用了一些常见的插件来处理 JavaScript 模块、图片和 CSS 等资源，确保打包后的文件能够在浏览器或 Node.js 环境中运行和加载。这个配置文件的目的是将项目中的 JavaScript 和相关资源打包成一个单独的 JavaScript 文件，以。: 声明外部依赖，这些依赖不会被打包进最终的输出文件中，而是在运行时从外部引入。在这个配置中，外部依赖包括。: 插件列表，用于处理不同类型的文件和资源。: 指定打包的入口文件路径，这里是。: 指定打包后输出的文件配置。，即项目的主入口文件。

2024-06-14 17:23:12 481

原创 vue3-sfc-loader动态加载一个异步vue组件生成cesium画面

可以动态加载异步的 Vue 单文件组件（.vue 文件）。这个工具允许你在运行时根据需要加载和解析 .vue 文件，使得组件的加载变得更加灵活和动态。：这是一个对象，用来缓存模块。根据代码中的变量命名，它可能预先加载了一些模块，例如。然而我的示例里面previewComp是外面编辑器传进来的。比如我们的vue下面仍然需要注册，第三方资源包也是如此。是 Vue 3 提供的用于定义异步组件的函数。函数：这是一个异步函数，返回值是传入的。（Vue 3 的单文件组件编译器）。参数，即函数初始化时传入的字符串。

2024-06-14 15:59:10 764 1

原创什么是相对路径？什么是绝对路径？打包时路径怎么搞？

"代表从根目录开始的目录路径。它提供了文件或目录在文件系统中的确切位置，与当前工作目录无关。：绝对路径是一个完整的路径，从根目录开始一直到目标文件或目录的路径。使用绝对路径放置再public里面。"指向上上一级叫相对路径。例如，在当前目录下有一个名为。：相对路径是相对于当前工作目录或当前文件的路径。的文件夹，并且你正在编辑这个文件夹下的一个名为。是一个 Windows 系统中的绝对路径。用绝对路径文件会找不到，显示不出来。的文件，你想要引用同目录下的。文件，你可以使用相对路径。"指向上一级或使用"

2024-06-13 17:47:09 289

Three.JS 使用RGBELoader和CubeTextureLoader 添加环境贴图

空空如也