自定义博客皮肤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的示例

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

原创 ThreeJS示例教程500+【目录】

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

2025-01-24 00:00:00 1213 48

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

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

2023-04-12 15:33:32 4318 65

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

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

2022-09-07 15:39:10 10095 214

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

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

2022-09-07 15:23:19 6630 73

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

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

2022-09-05 15:57:58 22618 188

原创 PostGIS面试题及详细答案120道之 (011-020 )

PostGIS空间数据类型面试题解析 核心知识点 PostGIS作为PostgreSQL的空间扩展,提供了丰富的地理空间数据类型和函数,主要分为几何类型(geometry)和地理类型(geography)两大体系。 几何与地理数据类型区别 对比项 geometry geography 坐标系 平面坐标 球面坐标 计算方式 欧几里得几何 大地测量学 适用场景 小范围(城市级) 大范围(全球) 性能 计算快 计算慢 常用空间数据类型 点(Point):表示单个位置 线(LineString):表示路径或边界 面

2025-07-26 10:54:06 209

原创 Java面试题及详细答案120道之(021-040)

21. 对象在java中如何序列化?22. Java中的try…catch是用于异常处理吗?23. 有没有什么办法在出现异常时跳过finally?24. 什么时候类的构造函数会被调用?25. 一个类可以有多个构造函数吗?26. 我们可以覆盖类的静态方法吗?27. String是Java的数据类型吗?28. 为什么Java中的String被称为Immutable?29. 数组和向量之间有什么区别?30. 什么是多线程?

2025-07-26 09:15:00 645 1

原创 Java面试题及详细答案120道之(001-020)

本文重点解析了20道Java高频面试题,包括JDK与JRE区别、回调机制实现、hashCode与equals关系等核心概念,同时对比了抽象类与接口的特性差异,并澄清了常见易错点如Math.round(-1.5)的结果、float类型赋值规范等。所有题目均提供简明答案及典型代码示例(如异步回调实现),适合开发者系统复

2025-07-26 00:00:00 1335 1

原创 PostGIS面试题及详细答案120道之 (001-010 )

PostGIS面试题精要 PostGIS是PostgreSQL的空间扩展,遵循OGC和SQL/MM标准,支持矢量、栅格等空间数据类型,具备空间索引和丰富的空间分析功能。相比商业空间数据库,其开源免费、功能全面、兼容性强。 核心优势包括:实现空间数据与属性数据的统一管理;支持SQL直接操作空间数据;提供缓冲区分析、叠加分析等高级功能;通过GIST索引优化空间查询效率。 典型应用场景:地理空间查询(如邻近分析)、空间关系判断(相交/包含)、时空数据分析(轨迹处理)等。支持多维数据(如带高程的3D数据),满足复杂

2025-07-25 16:32:29 397

原创 vue3面试题及详细答案120道(106 - 120)

本文总结了 Vue3 中的 6 个关键面试题: v-memo:用于优化性能,通过缓存虚拟 DOM 避免重复渲染,特别适用于复杂组件或大型列表。 customRef:创建自定义响应式引用,可实现防抖、节流等高级功能,通过 track/trigger 手动控制依赖追踪。 跨组件状态管理:对比了 provide/inject(小型)、Pinia(推荐)、Vuex 4(大型)和事件总线等方案。 teleport:将组件内容渲染到 DOM 其他位置,解决模态框、悬浮元素等层级问题。 过渡动画:使用 Transitio

2025-07-25 09:30:00 787

原创 Vue3 面试题及详细答案120道(91-105 )

本文摘要: 《前后端面试题》专栏涵盖Vue3等主流技术面试题,重点解析5个核心问题: v-once性能优化:通过单次渲染静态内容减少开销,适用于固定文本或初始化后不变的数据。 toRef与toRefs区别:前者转换响应式对象单个属性为ref,后者批量转换,均用于解构时保持响应性。 组件动态切换:通过<component :is>或v-if实现,前者适合复杂场景,后者逻辑更直观。 v-for与v-if注意事项:避免直接混用导致性能问题,推荐用计算属性预先过滤数据或分层控制渲染。 自定义表单控件:通

2025-07-25 00:00:00 871 12

原创 Vue3 面试题及详细答案120道 (76-90 )

本文摘要: 《前后端面试题》专栏涵盖了前后端开发的核心技术面试题,包括HTML、CSS、JavaScript、Vue、React等前端技术,以及Java、数据库、GIS框架等后端内容。文章重点解析了Vue3中的5个关键问题:1) 使用defineAsyncComponent实现组件按需加载及状态管理;2) 响应式丢失问题的成因与解决方案;3) keep-alive组件的缓存机制与范围控制;4) computed与watch的适用场景对比;5) setup函数与script setup语法的区别。每个问题均提

2025-07-24 09:15:00 621 2

原创 Vue3 面试题及详细答案120道(61-75 )

本文摘要: Vue3面试题解析专栏,涵盖61-68题核心知识点: 异步组件通过defineAsyncComponent实现,支持延迟加载和状态管理 组合式API依赖收集机制解析响应式数据追踪原理 Teleport组件的DOM传送功能及典型应用场景 Vue3与Vue2生命周期钩子对比及新增调试钩子 v-model双向绑定原理及多模型支持实现 ref与reactive的性能差异及使用场景建议 不依赖Vuex/Pinia的简易全局状态管理方案 watch与watchEffect的核心区别与适用场景 (98字)

2025-07-24 00:00:00 1599 11

原创 Vue3 面试题及详细答案120道 (46-60 )

Vue3 面试题精选摘要 本文精选6个Vue3核心面试题,涵盖动态组件、虚拟列表、事件通信、动画效果、表单验证和暗黑模式等实用场景: 动态组件:通过defineAsyncComponent实现懒加载,支持加载状态和错误处理 虚拟列表:使用vue-virtual-scroller库优化大数据渲染,仅渲染可视区域元素 事件总线:推荐mitt库替代Vue2的$on/$emit,需注意组件卸载时移除监听 动画效果:内置过渡组件、自定义指令或结合GSAP等第三方库实现复杂动画 表单验证:手动验证或使用VeeValid

2025-07-23 09:00:00 1061 3

原创 Vue3 面试题及详细答案120道(31-45 )

Vue 3面试题精选 本文精选了Vue 3相关的8个核心面试题,涵盖表单绑定、响应式系统、路由懒加载、异步处理、单元测试、状态管理、插件开发和过滤器替代方案等关键知识点。 表单双向绑定:使用v-model指令,自定义组件通过modelValue prop和update:modelValue事件实现。 响应式系统优化:Proxy替代Object.defineProperty,支持深度监听、动态属性检测和数组方法拦截。 路由懒加载:使用动态导入语法() => import()实现按需加载组件。 异步处理方

2025-07-23 00:00:00 601 3

原创 Javascript面试题及详细答案150道之(001-015)

本文精选了15道JavaScript基础语法面试题,包括数据类型、类型判断、闭包、作用域链、原型链、this绑定等核心概念。重点解析了typeof null结果为'object'的历史原因、==与===的区别、var/let/const的作用域差异,并通过示例代码演示了call/apply/bind的手写实现。这些题目全面覆盖了JavaScript基础知识点,适合准备前端开发面试的求职者系统复习核心

2025-07-22 14:35:38 1388 3

原创 Vue3 面试题及详细答案120道(16-30 )

本文总结了Vue3核心功能与特性的5个面试题要点: 响应式系统:使用reactive处理对象/数组,ref处理基本类型(需.value访问),模板中ref自动解包 数据监听:watch需明确指定监听源,watchEffect自动追踪依赖,初始即执行 生命周期:组合式API中以函数形式调用(如onMounted),与Vue2相比名称调整(beforeUnmount替代beforeDestroy) 组件通信:父传子通过props+defineProps,子传父通过defineEmits+emit触发事件 set

2025-07-22 08:00:00 999 22

原创 Vue3 面试题及详细答案120道 (1-15 )

文章摘要: 本文整理了Vue 3相关的13个高频面试题,涵盖核心特性与优化。Vue 3通过Proxy重构响应式系统,提升性能并支持数组监听;引入Composition API优化代码组织与复用;虚拟DOM通过编译优化和Tree-shaking减小体积;新增Teleport(跨DOM渲染)、Suspense(异步加载处理)等特性。对比Vue 2,改进包括多根节点支持(Fragment)、更好的TypeScript集成,以及Vite工具链的极速开发体验。此外,详解了ref与reactive的区别、生命周期钩子变

2025-07-22 00:00:00 991 10

原创 Openlayers 面试题及答案180道(161-180)

本文总结了OpenLayers开发中的常见问题及解决方案,涵盖地图显示、性能优化、代码组织和项目部署等多个方面。针对中文乱码、图层顺序、地图模糊等问题提供了具体解决方法;在大型项目管理上建议采用模块化设计和代码规范;性能优化包括缓存机制、响应式设计和CDN加速;部署时需注意资源压缩和安全防护。文章还探讨了国际化支持、离线场景处理以及选择合适的数据库等进阶话题,为开发者提供全面的技术参考。

2025-07-21 08:00:00 237 24

原创 Openlayers 面试题及答案180道(121-140)

OpenLayers开发常见问题解答(121-140) 本文总结了OpenLayers开发中的20个实用技巧,涵盖以下核心功能: 事件监听:地图点击、要素选择、缩放事件监听 交互控制:自定义控件、拖拽、右键菜单、阻止默认行为 数据操作:导出地图图片、保存绘图数据、动态加载图层 可视化:热力图、测量工具、几何图形绘制 集成功能:地理编码服务、外部数据源同步 性能优化:图层切片加载、视图范围动态更新 所有方案均提供代码示例,如通过ol.Overlay实现悬停提示、使用ol.interaction.Draw进行测

2025-07-21 00:00:00 193 12

原创 CSS面试题及详细答案140道之(121-140)

本文总结了CSS中20个常见问题的解决方案,涵盖响应式设计、特效处理和布局优化等。主要内容包括:aspect-ratio保持元素比例、text-shadow文字阴影效果、clamp()实现响应式字体、touch-action优化触控体验、line-clamp限制文本行数、object-fit控制图片填充方式等。还介绍了旋转动画、懒加载图片、自定义滚动条等实用技巧,以及@media查询、mix-blend-mode混合模式等进阶用法。这些方案适用于现代Web开发,能有效提升用户体验和界面美观度。

2025-07-20 19:30:00 751

原创 CSS面试题及详细答案140道之(101-120)

本文总结了20个CSS实用技巧,涵盖文本处理、响应式设计、布局优化等方面。主要内容包括:text-indent实现首行缩进、vw单位创建响应式字体、word-break控制换行规则、图片懒加载实现方法、scroll-snap滚动定位技术、下拉菜单实现方案、字体平滑渲染技巧、渐变背景创建方法、文字环绕效果实现,以及响应式导航、3D透视等特效制作。文章还介绍了CSS计数器、元素变形、指针事件控制等进阶功能,并附有代码示例。这些技巧适用于现代网页开发,能有效提升界面美观度和用户体验。

2025-07-20 09:00:00 770

原创 CSS面试题及详细答案140道之(81-100)

CSS高级特性摘要 本文介绍了20个CSS高级特性,涵盖布局、响应式设计和交互效果等方面: 布局控制:包括flex-wrap换行、多列布局(column-count)、网格布局(grid-template-columns/rows)和固定表头(position: sticky)的实现方法。 样式定制:详细说明如何自定义滚动条、复选框样式,以及使用filter实现图片滤镜效果和object-position控制元素对齐。 响应式技术:介绍响应式表格实现、内容延迟加载(loading="lazy&qu

2025-07-20 00:00:00 1640

原创 vue2 面试题及详细答案150道(141 - 150)

文章摘要 Vue2优化与高级技巧摘要: 构建优化:按需加载、Tree Shaking、代码压缩、第三方库分割(如splitChunks)及CDN引入可显著减少打包体积。 动态样式:通过document.documentElement.style.setProperty修改CSS变量,结合Vuex实现主题切换。 异步组件容错:使用Error Boundary或全局错误捕获处理加载失败,模板中可切换备用组件。 SSR路由预取:在组件的asyncData方法中预取数据,服务端渲染时调用并注入初始状态到客户端。 拖

2025-07-19 20:00:00 603

原创 Openlayers 面试题及答案180道(141-160)

本文汇总了OpenLayers开发的20个常见问题及解决方案,涵盖性能优化、跨域处理、多语言支持、数据管理、兼容性测试等核心内容。重点包括:地图加载优化(减少图层、使用矢量瓦片)、CORS问题处理(服务器配置CORS或代理)、大数据集处理(分页加载、数据聚合)、第三方地图集成(XYZ/TileImage源类)、调试技巧(网络检查、控制台日志)以及安全性保障措施(HTTPS加密、XSS防护)。适用于GIS开发人员快速应对OpenLayers项目中的典型挑战。

2025-07-19 19:05:42 60

原创 vue2 面试题及详细答案150道(131 - 140)

Vue2常见问题解决方案摘要 虚拟滚动列表:通过vue-virtual-scroller库实现大数据量列表的高性能渲染,仅渲染可见区域元素。 组件循环引用:使用异步导入组件或重构组件结构解决循环引用问题。 自定义指令生命周期:包含bind、inserted、update等钩子,用于元素不同阶段的逻辑处理。 路由参数变化响应:通过watch监听$route或使用beforeRouteUpdate导航守卫处理参数变化。 手动触发响应式:使用Vue.set/$set方法或替换整个对象来实现响应式更新。 动态组件:

2025-07-19 13:00:00 912 4

原创 vue2 面试题及详细答案150道(121 - 130)

Vue2常见问题摘要 样式与事件 动态样式绑定:使用:style对象/数组语法、计算属性或CSS变量实现动态样式 跨域处理:开发环境配置代理(vue.config.js)、生产环境设置CORS或使用JSONP 自定义事件:子组件$emit触发,父组件@event监听,支持v-model语法糖 路由与服务 路由动画:<transition>包裹<router-view>,配合CSS过渡类名实现动画效果 服务注入:通过Vue.prototype全局挂载、provide/inject或插件

2025-07-19 08:00:00 1128 5

原创 Openlayers 面试题及答案180道(101-120)

摘要:本文整理了OpenLayers中关于样式与渲染的20个核心问题(101-120题),涵盖几何样式设置、动态样式调整、渐变色填充、文本标签、虚线样式等常见需求。重点内容包括:不同几何类型差异化样式设置、动态改变要素样式、文本标签显示优化、动画效果实现、大数据渲染性能优化等。每个问题均提供代码示例,涉及OpenLayers样式系统的关键API如ol.style.Style、ol.style.Text等,并介绍了使用CanvasAPI实现高级效果(渐变、纹理)的方法。本文适合OpenLayers开发者参考,

2025-07-19 00:00:00 87 22

原创 vue2 面试题及详细答案150道(101 - 120)

Vue2常见问题解决方案摘要 图片懒加载 推荐使用vue-lazyload插件或自定义IntersectionObserver指令实现 可设置加载中和错误状态占位图 大数据列表优化 采用虚拟列表(vue-virtual-scroller)仅渲染可视区域 分批加载数据或冻结非响应式数据提升性能 主题切换方案 通过CSS变量+Vuex状态管理实现暗黑模式 支持动态修改根样式或切换CSS文件 UI库内置主题定制功能 过渡动画 使用<transition>组件实现元素显隐动画 <transitio

2025-07-19 00:00:00 796 1

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

Vue2核心技术问答摘要 WebSocket通信实现 原生WebSocket API:直接创建WebSocket实例,在生命周期钩子中管理连接 推荐第三方库:vue-native-websocket提供更便捷的集成方式 国际化(i18n)方案 使用vue-i18n库构建多语言支持 通过locale切换语言,$t()方法实现模板翻译 表单验证方案 手动验证:编写自定义验证逻辑 推荐使用vee-validate库,提供丰富的验证规则和错误提示 路由守卫实现 全局守卫(beforeEach) 路由独享守卫(bef

2025-07-18 16:51:58 108 16

原创 vue2 面试题及详细答案150道(81 - 90)

摘要:本文整理了Vue2面试题81-90的详细解答,涵盖组件动态加载、虚拟DOM Diff算法原理、v-for中key的使用建议、样式冲突解决方案、axios二次封装等核心知识点。重点包括:异步组件实现方式(import())、Diff算法的同级比较与key作用、避免使用index作为key的原因、scoped样式与CSS Modules的应用、axios拦截器封装、自定义指令创建方法、watch深度监听配置,以及provide/inject跨层级通信机制。最后总结了性能优化策略,如虚拟DOM优化、数据响应

2025-07-18 16:49:52 108 6

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

Vue技术要点摘要 路由守卫:Vue提供三种路由守卫方式控制导航:全局守卫(beforeEach/afterEach)、路由独享守卫(beforeEnter)和组件内守卫(beforeRouteEnter/Update/Leave),用于权限控制和导航处理。 组件懒加载:通过动态import()实现组件异步加载,可结合路由配置或webpack魔法注释使用,支持加载状态和错误处理组件,优化首屏加载性能。 无限滚动:两种实现方式:基于Intersection Observer API监听目标元素进入视口,或通过

2025-07-18 16:46:30 41

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

Vue核心知识点摘要 动态组件与优化 动态组件缓存:使用<keep-alive>包裹<component>,可缓存非活动组件实例,触发activated/deactivated钩子 打包优化:代码压缩、Tree Shaking、异步组件/路由懒加载、CDN引入、公共代码提取、图片优化 核心机制 双向绑定原理:基于Object.defineProperty()实现数据劫持,通过getter收集依赖,setter触发更新 自定义双向指令:结合v-model和指令钩子,在bind中初始化值

2025-07-18 16:44:46 135

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

Vue项目开发常见问题解答: $nextTick:用于DOM更新后的回调,解决异步更新导致的DOM操作问题 Vuex getter:作为计算属性缓存state结果,简化组件逻辑 过滤器:文本格式化工具,支持全局/局部注册,适用于插值和属性绑定 SVG使用:推荐组件化引入或svg-sprite-loader方案 主题切换:通过CSS变量+类名切换实现,可配合localStorage持久化 虚拟DOM:JS对象表示DOM结构,Diff算法通过同级比较和key优化更新性能 路由管理:支持声明式/编程式导航,参数传

2025-07-18 16:43:10 49

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

本文总结了Vue开发中的多项核心技术:1. Vuex状态持久化可使用vuex-persistedstate插件;2. 性能优化包括路由懒加载、虚拟列表等;3. 自定义指令可扩展DOM操作能力;4. 拖拽功能通过自定义指令实现;5. 监听键盘事件有全局和组件两种方式;6. transition组件实现动画效果;7. 跨域问题可通过代理或CORS解决;8. 图片懒加载使用vue-lazyload插件;9. SEO优化推荐SSR或预渲染;10. 无限滚动通过IntersectionObserver实现。还介绍了V

2025-07-18 16:41:19 230

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

本文总结了20个Vue2核心面试题及详细解答,涵盖组件渲染、状态管理、性能优化等关键知识点: v-if与v-show的区别在于渲染机制和性能表现:v-if是条件渲染,v-show通过CSS控制显示 v-for使用key的必要性在于帮助Vue识别节点,提高Diff算法效率 组件生命周期包含创建、挂载、更新、销毁四个阶段,父子组件生命周期有特定执行顺序 组件通讯方式包括props/$emit、事件总线、Vuex和provide/inject 组件渲染和更新过程涉及响应式处理、虚拟DOM比对等核心机制 v-mod

2025-07-18 16:38:11 67 1

原创 CSS面试题及详细答案140道之(61-80)

CSS高级特性与实用技巧摘要 本文整理了20个CSS核心知识点,涵盖布局、效果优化和3D交互等方向: 盒模型控制:box-sizing: border-box包含边框和内边距计算 性能优化:图片懒加载(loading="lazy")与高分辨率适配(@media min-resolution) 特性检测:@supports规则实现渐进增强 视觉特效:mix-blend-mode混合模式、filter: blur()模糊效果、text-shadow文字阴影 动画控制:animation-pl

2025-07-18 08:00:00 966 1

原创 Openlayers 面试题及答案180道(81-100)

OpenLayers开发常见问题解答 本文总结了OpenLayers开发中的20个实用问题解决方案,涵盖地图交互、性能优化和功能实现三大方面。主要内容包括:1)基础交互实现如绘图、测量和右键菜单;2)高级功能如地理编码、热力图和路径规划;3)性能优化技巧包括WebGL渲染、高分辨率适配和离线地图处理。特别针对投影变换、实时交通显示等专业需求提供了实现方法,并介绍了自定义控件开发流程。这些解决方案以简洁代码示例呈现,适用于GIS前端开发人员快速参考使用。

2025-07-18 00:00:00 144 1

原创 CSS面试题及详细答案140道之(41-60)

本文总结了20个实用CSS技巧,涵盖文本处理、动画效果、性能优化和响应式设计等多个方面。主要内容包括:通过绝对定位隐藏文本但保持可访问性;使用text-decoration设置文本装饰;理解CSS层叠机制;创建关键帧动画;利用pointer-events控制交互行为;性能优化方法;视口单位应用;裁剪元素形状;自定义滚动条;宽高比控制;深色模式实现;文本方向调整;滤镜效果应用;图片适配方式;渐变背景创建;多列布局;固定表头实现;长文本换行处理以及透明度设置技巧。这些方法可帮助开发者提升CSS应用效率和页面视觉

2025-07-17 08:00:00 824 25

原创 Openlayers 面试题及答案180道(61-80)

本文介绍了OpenLayers中20种常见交互操作与控件实现的解决方案,涵盖地图基本操作(平移、缩放)、事件监听(点击、移动)、控件添加(比例尺、坐标显示)以及高级功能(要素选择、拖动旋转)等。通过代码示例详细说明如何实现如禁用滚轮缩放、自定义交互工具、全屏切换等功能,并针对移动端交互、动态修改交互行为等应用场景提供具体实现方法。这些解决方案适用于WebGIS开发中各种交互需求,帮助开发者快速构建功能丰富的地图应用。

2025-07-17 00:00:00 151 11

海洋上浮漂数据,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关注的人

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