demos
Skill83 starsChanged 6 days agoMITView on GitHub
Use when building or studying Vue 3 frontend map/panorama demo projects — 360° panorama to Leaflet map linkage, Tianditu dashboards, OpenLayers + Dify smart-water frontend, and vue3-openlayers + GeoServer layer trees. Index of 4 skills: map-360-demo, vue3-map-dashboard, ai-water-front, openlayers-vue3-demo.
The file
Files
仓库地址： https://github.com/znlgis/opengis-skills 许可证： MIT
父级入口： ../SKILL.md — 全仓 120 技能总索引
概述
本分类当前涵盖 4 个演示项目技能，对应上游博客「项目演示」分类的四个独立开源示例工程。它们都是可克隆运行的完整 Vue 3 + Vite 前端项目，覆盖全景联动、地图大屏、LLM 融合与 GeoServer 对接四类典型 Web GIS 场景，适合作为二次开发模板与工程实践参考。
何时加载此索引？
- 需要「全景 + 地图」双向联动的实现参考（Photo Sphere Viewer + Leaflet）
- 需要基于天地图的企业级数据可视化大屏工程参考
- 需要 OpenLayers 与 LLM（Dify）结合的智能应用示例
- 需要 vue3-openlayers 声明式组件与 GeoServer REST 图层树对接示例
- 寻找完整的 Vue 3 + Vite 地图类前端工程结构与调试经验
技能列表
| 技能 | 简介 | 关键标签 |
| map-360-demo | 360° 全景与 Leaflet 地图双向联动演示（PSV v5） | vue panorama leaflet |
| vue3-map-dashboard | 天地图 + Element Plus 企业级可视化大屏 | vue dashboard tianditu |
| ai-water-front | OpenLayers + Dify AI 助手的智慧水务前端 | openlayers dify dashboard |
| openlayers-vue3-demo | vue3-openlayers 声明式地图 + GeoServer 图层树 | openlayers geoserver wms |
快速导航
| 用户需求 | 推荐加载 |
| "全景图与地图怎么双向联动？" | map-360-demo/SKILL.md |
| "全景标记管理 / JSON 导入导出 / 虚拟导览" | map-360-demo/SKILL.md |
| "天地图深色底图 / 人员实时追踪大屏" | vue3-map-dashboard/SKILL.md |
| "和风天气 / 拼音搜索 / XLSX 数据加载" | vue3-map-dashboard/SKILL.md |
| "LLM 回复里的 GeoJSON 自动上屏（Dify）" | ai-water-front/SKILL.md |
| "GeoServer 图层树 / WMS 叠加 / 开发代理" | openlayers-vue3-demo/SKILL.md |
| "vue3-openlayers 声明式组件写法" | openlayers-vue3-demo/SKILL.md |
相关分类
- gis/ — 地图引擎与服务端（OpenLayers、CesiumJS、GeoServer）
- 3d/ — 全景查看器（Photo-Sphere-Viewer）与三维可视化
- ai/ — LLM 应用与智能体平台（Dify）
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.