还是大剑师兰特-CSDN博客

原创 WebGL入门（008）：WebGLObject 简介、使用方法、示例代码

在 WebGL 中，`WebGLObject` 并不是一个具体的类或接口，而是一个通用术语，用来指代 WebGL API 中创建的各种对象。这些对象包括但不限于缓冲区 (`WebGLBuffer`)、纹理 (`WebGLTexture`)、着色器 (`WebGLShader`)、着色器程序 (`WebGLProgram`)、帧缓冲区 (`WebGLFramebuffer`) 和渲染缓冲区 (`WebGLRenderbuffer`) 等。

2024-08-24 00:30:00 672 6

原创 leaflet 综合教程150+ 【目录】

vue+leaflet系列教程旨在为开发者提供简单快捷的，。在每一个示例中，解释相应的API知识点，做到。注意本示例目录中的内容可能加载是vue+openlayers的示例，本目录是要加载vue+leaflet的示例，只是内容少，逐渐更新中。

2022-09-07 15:39:10 5512 107

原创 openlayers示例教程284+【目录】

vue+openlayers系列教程旨在为开发者提供简单快捷的示例。在每一个示例中，解释相应的API知识点。

2022-09-05 15:57:58 15737 136

原创 WebGL入门（007）：WebGLRenderingContext 简介、使用方法、示例代码

在 WebGL 中，`WebGLRenderingContext` 是 WebGL API 的核心接口，提供了所有与 WebGL 相关的功能，包括创建和管理缓冲区、纹理、着色器、帧缓冲区以及执行渲染操作等。以下是 `WebGLRenderingContext` 的详细说明。

2024-08-24 00:00:00 676

原创 WebGL入门（006）：WebGLFramebuffer简介、使用方法、示例代码

在 WebGL 中，`WebGLFramebuffer` 是一种用于指定渲染目标的对象，它允许开发者将渲染输出定向到除默认的屏幕缓冲区之外的地方。`WebGLFramebuffer` 可以用于实现多种高级渲染技术，比如后处理效果、阴影贴图、环境映射等

2024-08-23 00:30:00 1058 27

原创 WebGL入门（005）：WebGLBuffer 简介、使用方法、示例代码

在 WebGL 中，`WebGLBuffer` 是一种用于存储数据的对象，这些数据可以被传递给着色器程序进行渲染。Buffer 对象通常用于存储顶点坐标、颜色、纹理坐标、法线以及其他顶点属性数据。在 WebGL 中，这些 Buffer 对象通常通过 `gl.createBuffer()` 方法创建，并通过 `gl.bindBuffer()` 方法绑定到特定的目标。

2024-08-23 00:00:00 598 30

原创 WebGL入门（004）：webgl 和 threeJS 的联系和区别

WebGL 和 Three.js 都是创建 Web 上 3D 图形的强大工具。WebGL 提供了直接访问 GPU 的能力，而 Three.js 则通过一个更高级别的 API 简化了 3D 图形的创建过程。根据你的需求和技能水平，可以选择适合你的工具。

2024-08-22 00:30:00 1365 27

原创基于cesium做二次开发的国内公司（暂 6家）

超图（SuperMap）** - **公司简介**: 超图是一家领先的地理信息系统（GIS）软件提供商，拥有广泛的GIS解决方案。 - **主要贡献**: 提供了基于Cesium的三维GIS应用解决方案。 - **应用网址**: [超图官网](https://www.supermap.com/)

2024-08-22 00:00:00 887 36

原创 webgl入门（003）：技术优势和性能优势

WebGL 的这些优势使得它成为创建高性能、交互式 3D 应用的理想选择，无论是游戏、数据可视化还是其他需要图形渲染的应用场景。此外，随着相关技术如 WebGPU 的发展，WebGL 的性能和功能还在持续提升。

2024-08-21 00:30:00 1306 27

原创 GIS常用的13种栅格数据格式

地理信息系统（GIS）中使用的栅格数据格式有很多种，这些格式根据其特点适用于不同的应用场景。下面列举了一些常见的栅格数据格式

2024-08-21 00:00:00 1387 19

原创股票的支撑位是怎么计算的

股票的支撑位是指股价下跌过程中可能遇到支撑，从而止跌回稳的价位。支撑位的计算和识别通常基于历史价格行为和技术分析的方法。以下是几种常见的计算支撑位的方法

2024-08-20 00:30:00 595 5

原创 TopoJSON格式详解，写入读取TopoJSON示例

**TopoJSON** 是一种用于高效存储拓扑地理空间数据的格式。它是由 Mike Bostock 在 2012 年左右提出的一种数据格式，目的是为了减少地理空间数据的文件大小，同时保持足够的信息以重建原始的地理特征。TopoJSON 建立在 GeoJSON 的基础上，但通过共享几何特征之间的公共边界来减少冗余，从而显著减小文件大小。

2024-08-20 00:00:00 830

原创 30种常见的GIS矢量数据格式

在地理信息系统（GIS）中，矢量数据格式种类繁多，每种格式都有其独特的用途和适用场景。下面列出了30种常见的矢量数据格式，这些格式被广泛应用于GIS软件中

2024-08-19 00:30:00 953 34

原创开放地理空间信息联盟(OGC)

开放地理空间信息联盟**Open Geospatial Consortium (OGC)** 是一个非营利性的国际标准化组织，致力于制定地理信息领域的数据和服务标准。OGC 成立于1994年，其成员包括来自全球的政府机构、私营企业和学术研究机构。这些成员共同合作，制定了一系列旨在促进地理信息系统（GIS）互操作性和数据共享的标准。

2024-08-19 00:00:00 1279 21

原创 GML格式详解，写入读取GML 示例

GML 是一种强大的地理空间数据格式，它可以携带丰富的地理信息和属性数据。由于它是基于 XML 的，所以具有很好的可读性和可扩展性。在 GIS 领域，GML 被广泛用于数据交换和集成，特别是在 Web 服务中。

2024-08-18 00:30:00 1065 5

原创现有的股票数学模型和定价模型

股票市场的数学模型非常多样，涵盖了从统计学到高级机器学习的各种方法。这些模型试图捕捉股票价格变动的规律，从而帮助投资者做出更好的决策。下面是一些常见的股票数学模型

2024-08-18 00:00:00 997

原创 dwg格式详解，JS加载导出dwg示例

DWG 是 AutoCAD 的原生文件格式，用于保存二维和三维设计数据。它是一种专有的二进制文件格式，最初由 Autodesk 开发。DWG 文件通常包含建筑、机械、电气等工程图纸的设计信息。

2024-08-17 00:30:00 789 4

原创 pbf格式详解，javascript加载导出pbf文件示例

PBF (Protocol Buffer Binary Format) 是一种高效的二进制格式，用于序列化结构化的数据。它通常与 Protocol Buffers 一起使用，Protocol Buffers 是 Google 开发的一种数据交换格式，类似于 XML 和 JSON，但更紧凑、更快、更简单。

2024-08-17 00:00:00 917 38

原创 6种方法查找JS对象中是否包含某个变量

- 使用 `in` 运算符和 `Reflect.has()` 可以检测继承来的属性。- 使用 `hasOwnProperty()` 和 `Object.getOwnPropertyDescriptor()` 只能检测对象自身的属性。- 使用 `Object.keys()` 和 `Object.getOwnPropertyNames()` 可以获得所有属性的列表，然后进行进一步的检查。

2024-08-16 00:30:00 1104 30

原创 OpenCV：概念、历史、应用场景示例、核心模块、安装配置

OpenCV（Open Source Computer Vision Library）是一个开源的计算机视觉和机器学习软件库。它最初由英特尔开发，后来由 Willow Garage 进行了进一步的改进和支持，现在由 OpenCV 基金会维护。OpenCV 提供了一套广泛的函数，用于图像处理、视频分析、特征检测和机器学习等任务。

2024-08-16 00:00:00 2370 48

原创 080：vue+mapbox中interpolate 的详细解释

在Mapbox GL JS中，你可以使用样式表达式来实现数据驱动的样式，其中`interpolate`表达式是用于创建平滑过渡的一种方式。当你需要根据某个属性的值来动态地设置样式时，比如颜色、宽度或其他样式属性，`interpolate`表达式就非常有用。

2024-08-15 00:30:00 518 51

原创化学绘图和可视化工具：ChemDoodle

ChemDoodle Web Components (CDWC) 是一套非常强大的化学绘图和可视化工具，可以用于创建各种化学相关的 Web 应用程序。CDWC 包括了绘制分子、反应方程式、3D 分子视图等功能，并且支持多种化学文件格式。

2024-08-15 00:00:00 999 16

原创 GeoTiff格式详解，写入读取GeoTiff 示例

GeoTIFF是一种基于TIFF（Tagged Image File Format）标准的地理空间图像格式，它允许存储与图像数据相关联的地理定位信息。GeoTIFF文件可以包含遥感图像、地图、航空照片等多种类型的地理空间数据。这种格式广泛应用于地理信息系统（GIS）软件和地球科学领域。

2024-08-14 00:15:00 1192 35

原创 5个常用的物理仿真JavaScript插件

以上介绍的是五个常用的 JavaScript 物理引擎插件。每个库都有其独特的优势和适用场景。如果你需要一个功能全面且成熟的 2D 物理引擎，可以选择 Matter.js；如果你正在开发复杂的游戏并需要 3D 物理仿真，Cannon.js 是一个很好的选择；对于需要高性能和复杂物理仿真的 2D 游戏，p2.js 和 Box2D 都是非常好的选项；而如果你正在寻找一个全面的游戏开发框架，Phaser 提供了丰富的功能，包括物理引擎。选择哪个库取决于你的具体需求和偏好。

2024-08-14 00:00:00 849 19

原创 JS五个常用的数学插件

以上介绍的是五个常用的 JavaScript 数学插件。每个库都有其独特的优势和适用场景。如果你需要一个功能全面且成熟的数学库，可以选择 Math.js；如果你更关心高精度计算，可以考虑 Decimal.js 或 Big.js；如果你需要对数字进行格式化展示，Numeral.js 是一个不错的选择；而如果你的工作涉及复数运算，则 Complex.js 可能更适合你。选择哪个库取决于你的具体需求和偏好。

2024-08-13 11:00:06 1075 13

原创 JS常用的5个时间插件

以上介绍的是五个常用的 JavaScript 日期和时间处理插件。每个库都有其独特的优势和适用场景。选择哪个库取决于你的具体需求和偏好。如果你需要一个功能全面且成熟的库，可以选择 Moment.js 或 Luxon；如果你更关心库的体积大小，可以考虑 Day.js 或 Just Moment；如果你希望有一个面向未来的、高度可定制化的库，那么 Luxon 和 Date-fns 可能更适合你。

2024-08-13 10:53:05 1178 7

原创对象字面量

在JavaScript中，**对象字面量**是一种创建对象的简便方式。对象字面量是由属性名和对应的值组成的键值对集合，这些键值对用逗号分隔，并包含在一对大括号 `{}` 中。

2024-08-09 17:09:00 978 26

原创编译器Babel的安装与使用

Babel 是一个广泛使用的 JavaScript 编译器，它允许开发者使用最新版本的 JavaScript 语法编写代码，然后将其转换为向后兼容的版本，以便在老旧浏览器或环境中运行。

2024-08-09 16:33:15 909 23

原创大剑师兰特的730天创作记录

时间匆匆，转眼间在CSDN上创作了730天。在这期间创作了很多的作品，帮助了很多朋友，也得到了大家的肯定，很是高兴。No.1 ：《 openlayers示例教程001：从0 到1 搭建开发环境》No.1304：《 KML格式详解，javascript写入读取KML示例》

2024-08-08 06:25:15 905 8

原创 KMZ格式详解，javascript写入读取KMZ示例

KMZ 是一种压缩的 KML 文件格式，它使用 ZIP 压缩算法将一个或多个 KML 文件和相关的多媒体资源（如图像、图标等）打包到一个 ZIP 文件中。KMZ 文件可以在 Google Earth 和其他支持 KMZ 格式的地理信息系统软件中打开。

2024-08-06 07:49:41 909 5

原创 GPX格式详解，javascript写入读取GPX示例

GPX（GPS eXchange Format）是一种基于 XML 的文件格式，主要用于存储 GPS 轨迹数据。GPX 文件通常包含点（waypoints）、路径（routes）和轨迹（tracks）。这种格式广泛应用于户外活动，如徒步旅行、自行车骑行、登山等，因为它能够精确地记录和分享地理信息。

2024-08-06 07:31:34 1065 18

原创 KML格式详解，javascript写入读取KML示例

KML（Keyhole Markup Language）是一种基于 XML 的文件格式，用于表示地理数据。KML 文件可以用来描述地理空间中的点、线、多边形等对象，并且可以包含丰富的媒体信息，如图像、视频和链接。KML 文件经常被用于 Google Earth 和 Google Maps 中显示地理信息。

2024-08-05 23:29:49 1647 29

原创 CSV格式详解，javascript写入读取CSV示例代码

CSV（Comma-Separated Values）是一种常用的数据交换格式，它以纯文本形式存储表格数据。CSV 文件中的每行通常表示一个数据记录，而每个记录由若干字段组成，字段之间使用逗号分隔。

2024-08-05 23:12:28 1517 21

原创 ECMAScript 12 (ES12, ES2021) 新特性

ECMAScript 12（通常称为ES2021或ES12）是JavaScript语言的一个版本，它在2021年由ECMA国际标准化组织发布。虽然这个版本引入的变化相对较小，但它仍然包含了一些有用的新特性。

2024-08-04 08:39:02 739 13

原创 ECMAScript 2020（ES11）的新特性

ECMAScript 2020（ES11 或 ES2020）引入了一些新的特性，下面我们详细探讨这些新特性，并给出相应的示例代码

2024-08-04 00:00:00 683 2

原创 ECMAScript 2019（ES10 或 ES2019）新的特性

ECMAScript 2019（ES10 或 ES2019）引入了一些新的特性，下面我们详细探讨这些新特性，并给出相应的示例代码。

2024-08-03 07:07:27 868 2

原创 ECMAScript 各个版本（14个）概览，核心示例代码

ECMAScript 是定义 JavaScript 语言的标准，由 ECMA International 维护。下面是 ECMAScript 的各个版本以及每个版本发布的时间和一些关键特性

2024-08-03 07:06:39 1281 12

原创 ECMAScript 2023 所有新增内容详解

我们详细探讨一下ECMAScript 2023（ES2023）的所有新增内容，并给出相应的示例代码。以下是ES2023的关键特性

2024-08-02 22:58:07 692 16

原创 ECMAScript 2024 新特性，示例参考

我们详细探讨一下ECMAScript 2024的一些主要特性，并给出相应的示例代码。请注意，由于ECMAScript 2024的具体特性还在最终确定中，下面的内容基于当前已知的提案和趋势。

2024-08-02 22:52:10 1227 17

原创 TypeScript 装饰器详解

TypeScript 支持装饰器（Decorators），这是一种特殊类型的声明，可以被附加到类声明、方法、访问器、属性或参数上。装饰器使用 @expression 这种形式，expression 求值后必须为一个函数，该函数会在运行时被调用，被装饰的声明信息作为参数传入。

2024-08-01 08:32:06 942 4

GIS气象用的风场演示数据（2）

风场数据通常是指用来描述大气中风向和风速分布的数据集。这类数据对于气象学、航空、航海以及环境科学等领域至关重要。风场数据结构可以非常复杂，取决于数据的来源和精度要求。然而，大多数风场数据都会包含以下基本要素： 1. **地理位置**：通常包括纬度（latitude）和经度（longitude）坐标，有时也会包含海拔高度（altitude）或气压（pressure level）。 2. **风速**：表示风的强度，通常单位为米/秒（m/s）、公里/小时（km/h）或节（knots）。 3. **风向**：描述风的来源方向，常用的角度表示，范围是0°至360°，其中0°或360°表示北风，90°表示东风，180°表示南风，270°表示西风。 4. **时间戳**：数据采集的时间，这对于动态风场尤为重要，因为风速和风向会随时间变化。 5. **水平分辨率和垂直分辨率**：数据网格的间距，决定了数据的精细程度。 6. **垂直层次**：在三维风场数据中，除了地面风速和风向外，还可能包含不同高度上的风速和风向信息。

2024-07-12

GIS气象用的风场演示数据（1）

2024-07-12

免费的ES6学习思维导图

ES6（ECMAScript 2015）作为JavaScript语言的重要版本更新，确实增加了一系列新功能来提升开发体验和代码效率。以下是一些显著的新增功能：新的原始类型和变量声明： Symbol：ES6 引入了一种新的原始类型 Symbol，用于创建独一无二的标识符，常用于对象属性名，以避免命名冲突。 let 和 const：提供了块级作用域的变量声明，使用 let 可以声明局部变量，而 const 用于声明不可重新赋值的常量。函数的新写法：箭头函数：这是函数的一种简洁表达方式，它允许我们以更简短的形式写函数，并且改变了 this 的绑定方式。模板字符串与标签模板：模板字符串：通过反引号 ` 来创建字符串，可以在字符串中嵌入表达式，支持多行字符串，使得字符串拼接更加方便。标签模板：一种高级形式的模板字符串，允许我们在字符串插值之前对其进行处理。解构赋值：数组和对象的解构赋值：可以直接从数组或对象中提取值并赋给变量，这在交换变量值或提取对象属性时非常方便。其他新增特性：默认参数：为函数参数提供默认值。扩展运算符：... 用于将一个数组或对象的元素或属性展开。类

2024-03-01

vite+vue2的项目基础包.zip

本压缩包是vite搭建vue2的项目基础包，使用者解压后，npm install，然后 npm run serve。这样就能正常运行项目了。亲测好用，欢迎下载使用。更改为vite+vue2的原因。原来使用的是webpack，怎么调试都不太好使，最后看到官方使用的是vite，然后就打算更改webpack为vite来解决这一个问题。这里面要注意要含有vite-plugin-vue2 和 vite。配置文章介绍： https://dajianshi.blog.csdn.net/article/details/135815464

2024-01-24

js一维数组与三维数组互动，数据转换，类似购物车添加删除

使用javascript将一维数组做一定的转换，增加一些变量，然后将变更后的一维数组转化为三维数组，再然后是一位数组和三维数组的联动，类似于购物车的添加和减少的效果。交互效果参考：https://dajianshi.blog.csdn.net/article/details/135407555

2024-01-09

d3.js的模块的思维导图

【材料】：d3.js的模块的思维导图，图片形式【介绍】 D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。D3 的运行速度很快，支持大数据集和动态交互以及动画。不引入新的视觉表示方法，而是借助于现有的 Web 元素: HTML, CSS, SVG 等。例如，可以使用 D3 创建 SVG 元素，并使用外部样式表进行样式化。也可以使用复合过滤器效果，虚线和裁剪。这样在调试的时候可以方便的使用浏览器内置的调试工具来进行调试。

2023-03-23

d3.js的API思维导图

【材料】：d3.js的API思维导图，图片形式【介绍】 D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。D3 的运行速度很快，支持大数据集和动态交互以及动画。

2023-03-23

cesium的API思维导图

【用途】：可以方便的查看cesium的相关API的结构，有助于学习【介绍】：Cesium是一个跨平台、跨刘览器的展示三维地球和地图的javascript库；Cesium使用webGL来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL;Cesium是基于Apache2.0许可的开源程序,它可以免费的用于商业和非商业用途。 cesium官方网站：https://cesium.com/platform/cesiumjs/

2023-03-22

gpx转为geojson格式文件的方法

这是一个 JavaScript 库，可让项目将 GPX 转换为 GeoJSON。2个示例中将gpx2geojson这个插件利用的淋漓尽致，一个是加载pgx 的url的方式来处理数据，另一个是上传gpx文件的方式来处理数据。【适用对象】开发者要将gpx文件转化为geojson文件。

2023-03-11

超小录屏软件，生成gif动画

非常好用的录屏软件，超级小，只有不到700k，但是功能却非常好用，可以灵活地设置捕捉区域，设置帧速，可以编辑捕捉后的画面。 GifCam 有时被称为 Gif Camera，是一种动画应用程序，可将屏幕录制转换为 GIF。这些录音的体积非常小，因此很容易分享。它们以 gif格式保存，这种格式受到普遍支持，因此播放也没有问题。

2023-03-09

免费 leaflet学习思维导图

【解决问题】：如何学习leaflet更高效呢？一张较好的思维导图能够满足核心知识点的总结。通过学习，可以上传解析和导出数据：上传KML、KMZ、Geojson、shp、zip等，导出Image、pdf、geojson、GML、polyline等，还能学习的更多~~ 【适用人群】：使用leaflet做开发的小伙伴【使用场景】：使用leaflet来满足地图开发中的各种要求。【演示地址】：https://dajianshi.blog.csdn.net/article/details/126747176

2023-03-08

免费openlayers学习思维导图

【解决问题】：如何来高效的学习openlayers，一张思维导图，将核心知识点汇聚，分枝叶查看，促进更好的学习。【适用人群】：使用openlayers做开发的小伙伴【使用场景】：使用openlayers来满足地图开发中的各种要求。【演示地址】：https://dajianshi.blog.csdn.net/article/details/126706466，提供上传解析和导出示例：上传KML、KMZ、Geojson、shp、zip等，导出Image、pdf、geojson、GML、polyline等

2023-03-08

TA关注的人

GIS气象用的风场演示数据（2）

GIS气象用的风场演示数据（1）

免费的ES6学习思维导图

vite+vue2的项目基础包.zip

js一维数组与三维数组互动，数据转换，类似购物车添加删除

d3.js的模块的思维导图

d3.js的API思维导图

cesium的API思维导图

gpx转为geojson格式文件的方法

超小录屏软件，生成gif动画

免费 leaflet学习思维导图

免费openlayers学习思维导图

leaflet加载天地图，3种地图切换【示例源代码】

leaflet清除所有图层【示例源代码】

leaflet加载高德地图示例源代码

mapbox中queryRenderedFeatures 是怎么工作的？

mapbox中怎么绘制可以倾斜角度的矩形

mapbox 中的version为什么必须是8 ？

mapbox画一个多边形，画完后怎么把长度和面积都标注在图形上？

怎样理解git是版本控制系统？

warning LF will be replaced by CRLF

openlayers中icon使用svg，空心部分不算成图片的一部分吗？

mapbox中怎么在多边形polygon样式上填充渐变色

vue中$attrs这个属性怎么使用？

vue中$listeners这个怎么来应用？

vue中怎样来取消eslint语法限制？

[ECharts] Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They sho

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure element '<URL>'.

el-tree无数据时候怎么做国际化？

Openlayers错误- Canvas：Multiple readback operations using getImageData are faster ...解决办法