- 博客(128)
- 收藏
- 关注
原创 一些链接记录
cesium例子 https://gitee.com/swizenlandk/cesium-vue3-vite#https://gitee.com/link?cesium开发 http://www.brown77.cn:3389/#/scene/waterFlood。echarts社区 https://www.isqqw.com/粒子 https://particles.js.org/gasp动画 https://gsap.com/框架 vue-admin-box。
2025-08-15 13:47:23
81
原创 turbo-monorepo中自定义脚本运行项目下的包
Turbo Run 工具是一个专为微前端项目设计的交互式命令行工具,简化了在多包环境中执行 Turbo 命令的流程。核心功能包括智能包检测、交互式选择和快速执行命令。工具通过扫描 package.json 文件,识别包含指定脚本的包,并提供友好界面让用户选择要执行的包。其模块化设计包含 index.ts(参数处理)、run.ts(核心逻辑)和 utils.ts(基础功能)。工具采用彩色终端输出,提供清晰的执行状态反馈,并包含完善的错误处理机制。使用方法简单,只需运行 pnpm dev 或直接调用主脚本,支持
2025-07-18 08:45:48
977
原创 Vue3 + MapLibre 地图管理工具 useMap 使用指南
`useMap` 是一个专为 Vue3 + MapLibre 项目设计的地图实例管理工具,提供了完整的地图生命周期管理功能。该工具采用闭包设计模式,确保地图实例的安全存储和访问,支持多地图实例管理、异步获取、自动清理等功能。
2025-07-15 16:33:18
1046
原创 Mapbox、Maplibre组件封装
地图组件封装方案 该代码实现了一个基于Maplibre/Mapbox的地图组件封装,主要特点包括: 配置管理:通过config.ts文件集中管理地图样式、瓦片源等配置,使用本地路径和国内地址优化加载速度,并随机选择天地图服务器实现负载均衡。 组件封装: 提供中心点、缩放级别、倾斜角度等核心参数配置 自动生成唯一地图ID防止冲突 集成ResizeObserver自动响应容器尺寸变化 完善的组件生命周期管理,包括资源清理 技术实现: 基于Vue3的Composition API开发 使用TypeScript增强
2025-07-15 16:31:06
206
原创 Elementplus 上传组件中获取接口请求报错中信息
elementplus 中upload组件上传接口报错,需要展示报错信息。直接打印看不见message 字段,应该是内部做了处理。
2025-03-10 19:42:46
233
原创 Mapbox或Maplibre的图层管理封装
在使用 Mapbox 或 Maplibre 开发地图应用时,图层管理是一个核心功能。合理封装图层管理功能可以提高代码的可维护性和复用性,同时简化地图开发流程。本文将介绍如何封装 Mapbox/Maplibre 的图层管理功能,使其更模块化、更易于扩展。
2025-03-05 16:06:37
667
原创 将自定义vue组件加载在Mapbox或Maplibre的marker和popup上
本文提出了一种将Vue组件无缝集成到Mapbox/Maplibre地图元素中的创新方法。通过Vue的createVNode和renderAPI,实现了将自定义UI组件作为Marker标记点和Popup弹窗的高效渲染。该方案解决了传统DOM操作方式存在的维护困难、样式污染等问题,同时保留Vue的响应式特性。关键技术包括:动态组件加载、DOM节点复用、完整生命周期管理,并提供了性能优化建议和常见问题解决方案。实践表明,该方法可显著提升WebGIS应用开发效率,减少约60%的维护代码量。
2025-03-05 15:54:39
530
原创 vue3中使用输入框按回车键刷新页面问题
问题描述:当只使用一个输入框,按回车键页面会自动提交并刷新页面,使用多个输入框不会出现这个问题。解决方法:禁用浏览器的表单默认提交行为。vue3 解决思路:使用事件修饰符。
2024-11-11 20:12:05
659
原创 1. geoserver 安装
以window为例选择稳定版本不同平台需要下载不同安装包如果需要发布瓦片图层,需要下载扩展插件前提需要有java环境,根据提示默认安装,需要安装在不同位置选择自己的文件夹即可。
2024-09-12 20:56:42
511
原创 2. Fabric 简介
Canvas允许我们在网络上创建一些绝对惊人的图形。但是它提供的API是极令人失望地低级。如果我们只是想在画布上绘制一些基本形状而忘记它们,那是一回事。但是,只要需要进行任何形式的交互,随时更改图片或绘制更复杂的形状,情况就会发生巨大变化。Fabric旨在解决这个问题。原生canvas方法仅允许我们触发简单的图形命令,盲目地修改整个画布位图。
2024-09-05 20:36:41
783
原创 3. JavaScript 流程控制
当一个逻辑条件为真,用 if 语句执行一个语句。当这个条件为假,使用可选择的 else 从句来执行这个语句。
2024-06-06 10:45:37
475
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人