自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大剑师兰特的GIS世界

讨论GIS相关知识,展示vue+openlayers,vue+cesium,vue+mapbox,vue+leaflett的示例

  • 博客(2281)
  • 收藏
  • 关注

原创 ThreeJS示例教程500+【目录】(已包含282篇文章)

Three.js 是一个用于在网页上创建和展示3D图形的JavaScript库。它使得在浏览器中渲染3D场景变得更加容易,而无需深入了解WebGL的复杂细节。Three.js支持多种渲染后端,但主要以WebGL为主。易于使用:提供了简洁的API来创建3D场景、相机、光源和物体。丰富的材质和纹理支持:可以轻松应用各种材质和纹理到3D模型上,增强视觉效果。动画支持:内置了动画系统,可以帮助你为场景中的对象添加动画效果。物理引擎集成。

2025-01-24 00:00:00 1717 75

原创 Mapbox GL示例教程【目录】-- 已有93篇

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

2023-04-12 15:33:32 5096 76

原创 leaflet 综合教程160+ 【目录 】(已包含160篇文章)

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

2022-09-07 15:39:10 11127 226

原创 cesium 综合教程200+【目录】(已包含178篇文章)

cesium示例教程100+旨在为开发者提供简单快捷的,。在每一个示例中,解释相应的API知识点,做到。目录中有链接的为已有文章,没链接的为目标文章,不断更新中…

2022-09-07 15:23:19 7722 82

原创 openlayers全面教程303+【目录】

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

2022-09-05 15:57:58 24615 192

原创 cesium处理无人机碰撞检测方案

本文介绍了在CesiumJS中实现无人机碰撞检测的多种技术方案,包括地形检测、3D建筑物碰撞、禁飞区判断和多机间距监测。通过射线检测、高程查询和空间几何计算等方法,开发者可以构建完整的无人机防撞系统。文章提供了详细的代码示例,并针对性能优化、精度提升等关键问题给出了实用建议,为无人机三维可视化应用开发提供了技术参考。

2025-12-06 07:00:00 176

原创 Hadoop入门基础教程(110 问题+ 答案)

本文提供了一份全面的Hadoop入门教程,包含110道核心问题及答案,分为8个专题:基础概念与架构、HDFS原理与操作、MapReduce编程模型、YARN资源管理、集群部署运维、生态系统工具、性能优化及高级实战案例。内容涵盖Hadoop基础知识、组件功能、配置优化、集群管理及常见问题解决方案,适合初学者系统学习Hadoop技术栈。所有问题答案已分8篇发布,可通过文末链接获取完整教程。

2025-12-06 00:00:00 255

原创 cesium创建军事态势图的基本思路

摘要:本文介绍了如何利用CesiumJS创建军事态势图,包括核心要素、技术实现、数据组织和代码示例。重点展示了军事单位加载(图标/3D模型)、威胁范围绘制、动态轨迹推演和作战区域可视化等关键技术,并提供了性能优化和安全部署建议。文章还推荐了NATO军事符号标准和开源工具mil-sym-js,为构建3D战场态势系统提供了完整解决方案。

2025-12-05 16:27:15 35 12

原创 markdown文件在vue网页上正确显示的方法(marked + DOMPurify)

本文介绍了在Vue2项目中正确显示Markdown文件的方法。推荐使用marked库将Markdown转换为HTML,并结合DOMPurify进行安全清洗以防止XSS攻击。文章详细说明了安装依赖、组件实现步骤,并提供了代码示例。此外,还针对不同场景(如从public目录加载、API获取内容、代码高亮)给出了解决方案,强调了安全注意事项,建议始终对HTML内容进行消毒处理。最后总结了实现步骤,并推荐了相关工具库,为开发者提供了完整的Markdown渲染方案。

2025-12-05 15:29:33 982 1

原创 125个Spring入门基础教程(问题+答案)

本文提供了125道Spring相关面试题,涵盖Spring框架的核心概念、IOC、AOP、事务管理、MVC、Boot和Cloud等方向。内容从基础概念到高级特性全面覆盖,包括依赖注入、Bean生命周期、事务传播行为、RESTful接口实现等核心知识点。每部分都包含详细的问题解析,如Spring AOP的实现原理、Boot自动配置机制、Cloud微服务组件等。这些问题既可作为面试准备,也可作为系统学习Spring技术的知识框架,帮助开发者深入理解Spring生态系统的各个层面。

2025-12-05 15:10:01 674

原创 vue2 点击跳转到某个文件,供用户下载(3种方法)

本文介绍了在Vue2中实现文件下载的三种方法:1) 使用window.location.href直接跳转下载链接;2) 动态创建a标签并触发点击事件;3) 通过API获取文件数据后下载。文章详细说明了每种方法的实现代码,并提醒开发者注意跨域问题、文件名设置等注意事项。对于API获取文件的情况,还提供了完整的axios请求示例,包括处理响应头、创建Blob对象等完整流程。这些方法适用于下载PDF、图片等各种文件类型,开发者可根据实际需求选择合适的方式。

2025-12-05 15:09:22 584

原创 React面试题及详细答案150道(71-80)

严格模式(StrictMode):用于开发阶段检测潜在问题,如不安全生命周期或副作用。 事件冒泡与阻止:通过e.stopPropagation()阻止事件向上传播。 Render Props模式:通过函数prop共

2025-12-02 11:33:02 745 7

原创 Flink基础入门教程( 100 问题+答案)

本文整理了100个Flink基础入门问题,涵盖核心概念、功能算子、状态管理、时间窗口及部署优化等五大方面。内容包括Flink架构、流批统一、状态管理、检查点机制、时间特性、窗口计算、算子功能、部署模式等核心知识点,并附有详细解答链接。适合Flink初学者系统学习框架原理与应用实践,帮助开发者全面掌握流处理核心技术。

2025-12-02 11:32:38 792 3

原创 React面试题及详细答案150道(61-70)

61. 如何在React中实现组件懒加载? 62. 什么是React的Context API?如何避免性能问题?63. 如何在React中实现表单验证?64. 如何在React中实现文件上传?65. 什么是React的StrictMode?它有什么作用?-67. 如何在React中实现状态管理?除了Redux还有哪些方案?------68. 什么是React的Reconc

2025-12-01 09:35:57 934 6

原创 WebGL实例(004): 绘制一个立方体

本文介绍了一个基于WebGL的3D立方体交互示例,由优快云博主"还是大剑师兰特"开发。该示例实现了3D立方体的旋转、缩放等交互功能,并包含纹理贴图和光照效果。文章提供了完整的Vue组件代码,包括WebGL上下文初始化、着色器程序编写、顶点/纹理缓冲区设置以及渲染逻辑。代码支持X/Y/Z轴旋转、放大缩小和重置功能,同时展示了如何在WebGL中实现环境光和漫反射光照效果。作者为GIS领域专家,专注于openlayers、leaflet等地图技术开发,欢迎通过底部微信(gis-dajians

2025-12-01 00:00:00 186 14

原创 WebGL实例(003): 绘制矩形

WebGL矩形线框绘制示例 摘要:本文展示了一个使用WebGL绘制蓝色矩形线框的Vue组件实现。代码包含完整的着色器程序初始化、顶点数据设置和渲染流程。关键点包括: 通过Canvas获取WebGL上下文 创建并编译顶点/片段着色器 定义矩形顶点坐标(标准化设备坐标) 使用顶点缓冲区对象(VBO)存储数据 设置绘制参数并调用drawArrays进行线框渲染 该示例可作为WebGL基础入门参考,展示了核心渲染流程和基本图形绘制方法。完整代码包含详细的注释说明,适合WebGL初学者学习基础概念和实现原理。

2025-11-29 07:30:00 449 11

原创 React面试题及详细答案150道(51-60)

51. 如何在React中实现无限滚动(Infinite Scroll)?52. React中的useCallback和useMemo有什么区别?53. 什么是React的Context API?如何避免Context导致的性能问题?54. 如何在React中实现组件的条件渲染?55. 什么是React的Reconciliation算法?它是如何工作的?----------------------56. 如何在React中实现状态管理?除了Redux还有哪些方案?57. 什么是React的Str

2025-11-29 00:00:00 711 23

原创 C++面试题及详细答案100道( 91-100 )

本文摘要: 《C++现代化特性面试题解析》精选了C++17/20/23的8个关键特性,涵盖位操作、数值处理、算法优化和并发编程等场景。主要内容包括:1) std::bit_cast的安全位转换;2) std::clamp的数值范围限制;3) std::sample的高效随机抽样;4) std::source_location的源码位置追踪;5) std::midpoint的防溢出计算;6) std::expected的错误处理替代方案;7) std::syncstream的线程安全输出;8) std::ra

2025-11-28 13:46:43 684 23

原创 120个Linux入门基础教程(问题+答案)

本文整理了120道Linux高频面试题列表,涵盖基础概念、命令操作、进程管理、文件系统、网络配置、权限控制等多个核心领域,供基础学习和面试准备参考。

2025-11-28 13:46:20 863 9

原创 React面试题及详细答案150道(41-50)

41. 什么是React的高阶组件(HOC)?如何实现一个HOC?42. React中的ref有哪些使用场景?如何创建和使用ref?43. 如何在React中实现拖拽功能?44. 什么是React的Suspense?如何使用它处理异步加载?45. 如何在React中实现路由守卫(权限控制)?46. 什么是React的StrictMode?启用它会有什么效果?47. 如何在React中实现懒加载(Lazy Loading)?48. 什么是React的Context API?如何避免Context

2025-11-26 07:30:00 1713 3

原创 Kafka基础入门教程(100 问题+答案)

本文整理了100个Kafka基础入门教程问题,涵盖核心概念、架构、生产消费机制、性能优化、运维部署等7大主题。问题包括Kafka的基本组件(Topic/Partition/Replica)、消息投递模式、副本同步机制(ISR)、消费者组管理、性能调优参数、集群监控工具等实用知识点,并提供了分章节的详细答案链接。这些问题系统性地梳理了Kafka从基础到高级的核心技术要点,适合开发者全面掌握Kafka的消息队列实现原理和实际应用场景。

2025-11-26 00:00:00 866 7

原创 048:vue+threeJS 绘制一个卫星

本文介绍了如何使用Vue和Three.js创建3D卫星模型。作者大剑师兰特提供了完整的170行源代码,实现了一个具有主体、太阳能板、连接臂和天线的卫星模型。示例包含初始化Three.js场景、相机和渲染器,添加光源,创建卫星组件及动画效果。文章还强调了在组件销毁时清理资源的注意事项,防止内存泄漏。代码可直接复制到Vue项目中运行,适合学习3D建模和WebGL技术。

2025-11-25 17:29:05 684 19

原创 Scala 基础入门教程 100问答

本文提供了一份全面的Scala编程学习指南,包含100道分类问题及答案,覆盖基础语法、函数式编程、面向对象、集合框架、并发编程等核心知识点。问题涵盖Scala与Java的异同、类型系统、高阶函数、模式匹配、Future/Actor模型等特性,同时涉及Spark、Akka等框架应用。每个问题均配有详细解答,并分10篇文章发布(每篇10题),适合从入门到进阶的系统学习。内容包含代码示例与实践技巧,帮助开发者掌握Scala的函数式与面向对象编程范式,以及在大数据领域的实际应用。

2025-11-25 10:22:49 290 11

原创 React面试题及详细答案150道(31-40)

React面试题精选摘要 React水合(Hydration) 连接SSR生成的静态HTML与客户端React应用,保留首屏性能的同时实现交互性。需确保服务端/客户端渲染一致,Next.js等框架自动处理该过程。 内存优化方案 使用useCallback/useMemo避免重复创建函数和对象 减少不必要状态,及时清理副作用 对象引用尽量提取为常量 Key属性核心作用 用于识别列表元素变化,提升Diff算法效率。必须使用稳定唯一标识(非索引),防止组件状态错乱。 异步处理最佳实践 useEffect内封装as

2025-11-22 07:30:00 285 8

原创 React面试题及详细答案150道(11-20)

本文介绍了React相关的核心面试题,涵盖表单处理、生命周期、性能优化、状态管理和路由等方面。主要内容包括: 表单处理:区分受控组件(通过状态管理)和非受控组件(通过ref获取值) 生命周期与Hooks:对比类组件生命周期方法与Hooks的替代方案,如useEffect替代componentDidMount等 性能优化:介绍React.memo、useMemo、useCallback等优化手段及虚拟列表、代码分割等技术 状态管理:详解Redux的核心概念(Store/Action/Reducer)和常用中间

2025-11-22 00:00:00 76 1

原创 Linux面试题及详细答案 120道(111-120-- 系统管理与性能调优

本文总结了Linux系统管理相关的关键面试题: 系统版本查询:通过uname -a查看内核版本,cat /etc/os-release获取发行版信息。 定时任务管理:crontab的5字段时间格式(分 时 日 月 周),crontab -e编辑任务,anacron适用于可能关机的设备。 系统监控工具: uptime的负载三值表示1/5/15分钟平均任务数 iostat检测I/O等待(%iowait) sar和vmstat综合监控CPU/内存/磁盘/网络性能 这些命令是Linux系统管理和故障排查的核心工具,

2025-11-21 07:45:00 1471 23

原创 React面试题及详细答案150道(01-10)

本文整理了10道React核心面试题及答案,涵盖React的核心特性、组件类型、状态管理和性能优化等内容。主要内容包括:1) React的核心特性如组件化、虚拟DOM和JSX;2) 函数组件与类组件的区别;3) Props和State的对比;4) 事件处理机制;5) Hooks的使用场景;6) Context API的优缺点;7) 高阶组件(HOC)的作用;8) 代码分割的实现方式。这些题目全面考察了React开发中的关键知识点,适合面试准备和学习参考。

2025-11-21 00:00:00 1546 6

原创 C++面试题及详细答案100道( 81-90 )

一、本文面试题目录 如何实现一个简单的内存泄漏检测器? 如何实现一个线程安全的观察者模式? 如何实现一个线程池的优雅关闭? 如何实现一个简单的信号量? 84. 如何实现一个简单的信号量? 答案: 通过条件变量和互斥锁实现信号量机制,控制资源访问。 示例代码: #include #include class Semaphore { private: std::mutex mutex; std::condition_variable cv; int count; public: explicit Semapho

2025-11-20 07:45:00 1236 6

原创 C++面试题及详细答案100道( 71-80 )

本文介绍了三个常见的并发编程模型实现: 内存池:通过预分配大块内存并分割管理,减少系统调用和内存碎片,示例展示了一个固定大小块的内存池实现。 线程池:维护固定数量工作线程处理任务队列,避免线程频繁创建销毁开销,代码演示了任务调度和线程管理机制。 生产者-消费者模型:使用条件变量和互斥锁实现线程安全的有界队列,解耦生产与消费过程,包含完整的生产消费示例。所有实现均采用C++标准库组件,重点展示了同步原语和资源管理的核心逻辑。

2025-11-20 00:00:00 1125

原创 React面试题及详细答案150道(21-30)

本文精选了React开发中的21-29道高频面试题,涵盖SSR服务器端渲染、Portals组件、测试方法、Fiber架构等核心知识点。重点解析了React的事件委托机制、状态管理方案对比、StrictMode调试工具、useEffect与useLayoutEffect的区别以及JSX注入攻击防范措施。通过代码示例演示了Next.js实现SSR、Zustand状态管理、React Testing Library单元测试等实用技巧,帮助开发者深入理解React原理并掌握工程化实

2025-11-19 07:45:00 853 3

原创 Spring面试题及详细答案 125道(111-125) -- Spring Cloud

特别针对Spring Cloud微服务架构进行了深入解析,包括其核心组件(Eureka、Ribbon、Feign等)的作用及实现原理。文章详细讲解了服务注册与发现机制、负载均衡实现方式、Eureka的自我保护机制等关键知识点,并配有代码示例和配置说明,帮助开发者快速掌握微服务架构的核心技术要点。(149字)

2025-11-19 00:00:00 829 1

原创 120个C#入门基础教程(问题+答案)

这篇C#/.NET面试题集锦涵盖了基础语法、OOP、集合、泛型、委托、LINQ、多线程、内存管理、设计模式等12大主题,共120个核心问题。内容包含:数据类型区别、面向对象特性、集合与泛型应用、委托事件机制、异常处理策略、LINQ查询优化、多线程编程技巧、GC原理、设计模式实现等关键技术点。每个问题都直指C#开发中的关键概念和常见难点,是检验.NET开发者知识体系的全面指南,适用于面试准备和技术能力自测。

2025-11-18 00:00:00 2249 19

原创 Blender学习笔记(5) -- 为什么不能再次显示“添加柱体”的参数?

在Blender中,新创建的柱体参数面板会在操作后消失且无法再次调出,这是其非参数化设计的特点。解决方法包括:1)创建后立即按F9修改参数;2)删除重建;3)手动用圆环+挤出创建;4)使用几何节点或插件实现参数化。最佳实践是养成新建后立即按F9的习惯,或简单删除重建。该设计虽不便,但可通过这些方法高效应对。

2025-11-18 00:00:00 683 4

原创 Linux面试题及详细答案 120道(96-110)-- 用户与权限管理

Linux用户与权限管理面试题摘要 本文涵盖Linux用户与权限管理核心知识点,包括: 用户分类:超级用户(root/UID=0)、普通用户(UID≥1000)、系统用户(1≤UID≤999),通过id命令查看用户信息。 用户操作: 创建/删除:useradd(需手动配置)与adduser(交互式)的区别,userdel -r删除用户及家目录。 密码管理:passwd修改密码,-l锁定、-u解锁账户。 用户组管理:groupadd/groupdel创建删除组,usermod -aG添加用户到附加组。 关键配

2025-11-17 09:23:23 1256 10

原创 C#面试题及详细答案120道(116-120)-- 综合应用

本文介绍了前后端开发中的关键面试题,重点解析了深拷贝/浅拷贝、序列化、RESTful API等核心概念及实现方法。 拷贝机制: 浅拷贝仅复制对象顶层结构,引用类型字段共享 深拷贝完全复制对象及嵌套引用,通过序列化或递归实现 提供C#示例代码演示MemberwiseClone浅拷贝和二进制序列化深拷贝 序列化技术: 对比JSON、XML、二进制三种序列化方式 给出System.Text.Json和XmlSerializer的完整使用示例 强调二进制序列化的安全问题 RESTful API开发: 解释REST架

2025-11-17 00:00:00 1262 3

原创 C#面试题及详细答案120道(106-115)-- 设计模式与实践

本文精选设计模式相关题目: 单例模式:通过饿汉式、懒汉式(需双重锁定解决线程安全)、静态内部类实现全局唯一实例。 工厂模式:解耦对象创建,通过工厂方法(抽象接口)扩展产品类,客户端依赖抽象而非具体实现。 观察者模式:C#中通过事件机制实现主题与观察者的松耦合,如天气站触发事件通知显示屏和报警器。 依赖倒置原则(DIP):高层模块应依赖接口(如日志服务),结合依赖注入避免直接耦合具体类,提升扩

2025-11-15 07:30:00 1826 1

原创 Blender学习笔记(04)-- 选中实体的一部分,单独设置颜色

摘要: 本文详解Blender中为物体局部单独上色的两种方法: 分离材质法:进入编辑模式后选中目标面,新建材质并指定颜色,适用于大区域区分; 顶点颜色法:通过顶点颜色层填充特定区域,配合节点编辑器(顶点颜色+发射节点)实现精细着色,适合复杂细节。 关键步骤包括:区域选择(面/边/点模式)、材质创建与指定、顶点颜色填充及节点连接。注意事项涵盖材质关联验证与渲染引擎选择(Eevee/Cycles)。通过图文指导帮助用户快速掌握局部着色技巧。

2025-11-15 00:00:00 1646 8

原创 C#面试题及详细答案120道(96-105)-- .NET框架与应用

本文介绍了.NET技术栈的核心面试题,涵盖.NET Framework、.NET Core与.NET 5+的区别,ASP.NET MVC的架构模式,Web API与MVC的差异,ASP.NET Core中间件的作用机制,以及Entity Framework Core的ORM原理。重点解析了跨平台演进(.NET Core取代Framework)、MVC分层设计(Model-View-Controller职责分离)、API与Web应用开发差异、请求管道中间件的工作流程,并通过代码示例说明EF Core如何

2025-11-14 07:45:00 1506 7

原创 Blender学习笔记(0) -- 思维导图框架

以下是 Blender 从 0 开始学习的思维导图框架,按「基础认知→核心技能→进阶应用→实战提升」逻辑划分,适合新手系统性入门

2025-11-14 00:00:00 1758 16

原创 C#面试题及详细答案120道(86-95)-- 进阶特性

本文整理了前后端开发中常见的面试题,重点解析了C#相关的五个核心知识点: 扩展方法:通过静态类实现,允许在不修改原类型的情况下添加新方法,如字符串反转功能。 匿名类型:用于创建临时只读对象,编译器自动生成类型,常用于LINQ查询结果封装。 动态类型(dynamic):支持运行时成员解析,适用于动态语言交互、COM操作等场景。 特性(Attribute):通过继承Attribute类实现自定义元数据标记,配合反射实现运行时行为控制。 反射机制:动态获取类型信息并操作成员,灵活性高但存在性能损耗,需谨慎使用。

2025-11-13 07:45:00 1798 11

2025年北京海淀区中小学 信息学竞赛 试题

2025年北京海淀区中小学 信息学竞赛 试题

2025-12-02

海洋上浮漂数据,20000+条

海洋上浮漂数据,20000+, json格式数组内容,包含ID,经纬度、时间日期、气压浪高等信息。 单个数据形式: { "code" : "1594587", "data" : [ 1013.6, 25, 16 ], "lat" : -53.211, "lng" : 143.949, "report" : 1741986000000 },

2025-04-01

免费MapboxGL学习思维导图

下载体是一个MapboxGL学习思维导图,列出了相应的API和关联的结构,非常方便大家学习。 mapboxGL相关的学习教程;https://dajianshi.blog.youkuaiyun.com/article/details/130108573

2025-03-13

vue-leaflet 开发环境配置包(下载-解压-安装-运行)

本项目包是 vue环境下leaflet的开发安装包,下载解压后,npm install 安装, npm run serve 运行。 里面包含了element UI,vuex, vue router,axios 等的内容安装,方便在日后的开发中使用。

2024-12-21

vue-openlayers 开发环境配置包(下载-解压-安装-运行)

本项目包是 vue环境下openlayers的开发安装包,下载解压后,npm install 安装, npm run serve 运行。 里面包含了element UI,vuex, vue router,axios, turf等的内容安装,方便在日后的开发中使用。

2024-09-11

vue-threeJS 开发环境配置包

本配置包是vue-threeJS 的环境包,下载以后,安装:npm install,运行 npm run serve。包含了一些精美的小示例

2024-09-05

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)

风场数据通常是指用来描述大气中风向和风速分布的数据集。这类数据对于气象学、航空、航海以及环境科学等领域至关重要。风场数据结构可以非常复杂,取决于数据的来源和精度要求。然而,大多数风场数据都会包含以下基本要素: 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

免费的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.youkuaiyun.com/article/details/135815464

2024-01-24

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

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

2024-01-09

d3.js的API思维导图

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

2023-03-23

d3.js的模块的思维导图

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

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.youkuaiyun.com/article/details/126747176

2023-03-08

免费openlayers学习思维导图

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

2023-03-08

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

【解决问题】:如何使用leaflet来加载天地图,并可以3种地图自由的切换。 【演示地址】:https://dajianshi.blog.youkuaiyun.com/article/details/127882736 【适用人群】: 使用leaflet做开发的小伙伴 【使用场景】:使用leaflet来满足地图开发中的各种要求。专栏中提供各种地图的加载示例:baidu、高德、google,bing,OSM,stamen,maptiler,天地图,mapbox等

2023-03-07

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

【解决问题】:如何使用leaflet来清除所有图层,给出一个解决办法 ~~本示例在vue+leaflet中添加各种地图,并清除所有的图层。 貌似很简单的一个示例,但是在学习和工作中非常重要,往往会根据项目的需要来删除图层,达到预期效果。 【适用人群】: 使用leaflet做开发的小伙伴 ~~ 【使用场景】:使用leaflet来满足地图开发中的各种要求。~~ 【演示地址】:https://dajianshi.blog.youkuaiyun.com/article/details/126773220

2023-03-07

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

解决问题:如何使用leaflet来加载高德地图 示例说明:本示例的目的是介绍演示如何用eaflet添加高德地图,有多种形式,分别是高德路网图、高德卫星影像图、高德矢量地图等。 适用人群: 使用leaflet做开发的小伙伴 使用场景:使用leaflet来满足地图开发中的各种要求。 演示地址:https://dajianshi.blog.youkuaiyun.com/article/details/126761464

2023-03-04

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除