GeoLibre 云原生 GIS 教程:从浏览器出图到地图发布的完整指南

发布时间:2026/9/20 22:39:27
GeoLibre 云原生 GIS 教程:从浏览器出图到地图发布的完整指南 GeoLibre 云原生 GIS 教程从浏览器出图到地图发布的完整指南【免费下载链接】GeoLibreA lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs in the web browser, on the desktop, on mobile, and inside Jupyter notebooks.项目地址: https://gitcode.com/GitHub_Trending/ge/GeoLibreGeoLibre 是能在浏览器、桌面端和 Jupyter 里跑的云原生 GIS 平台这份指南带你按场景练完六大工作流上数据、加载云原生格式、几何与高程分析、空间 SQL、以及分享嵌入适合想零安装快速上手的新手。能力全景六块能力域覆盖了 GeoLibre 教程体系的全部主线能力域你将学会什么支持环境在线版 / 桌面端基础制图添加矢量图层、调样式、查属性表、保存或分享项目在线版 ✅ / 桌面端 ✅存本地项目文件仅桌面端云原生数据远程加载 GeoParquet、FlatGeobuf、COG把本地数据转成云原生格式在线版 ✅流式加载 / WASM 转换/ 桌面端 ✅侧车转换矢量分析缓冲、裁剪、相交、差异、合并、空间连接、属性连接并导出结果在线版 ✅客户端与 Pyodide 引擎/ 桌面端 ✅另有侧车引擎地形分析从 DEM 派生山体阴影、坡度、坡向、等高线并裁剪到研究区在线版 ✅前三项 范围裁剪/ 桌面端 ✅等高线、掩膜裁剪需侧车空间 SQL用 DuckDB Spatial 查询已加载图层或裸 URL结果一键上图与导出在线版 ✅ / 桌面端 ✅均基于 DuckDB-WASM分享与嵌入配置分享令牌、发布公开链接、用 iframe 参数嵌入网页、运行时驱动地图在线版 ✅ / 桌面端 ✅学习路径可以随便拼想按顺序走就从上往下想直接解决手头任务就跳到对应章节——每一章都能独立跑通。快速上手三分钟做出第一张可分享的地图最短路径五步全程用在线版web.geolibre.app不用装任何东西打开在线版你会看到一张底图和一个空的图层面板。Add Data → Vector Layer粘入示例国家数据集后点Loadhttps://data.source.coop/giswqs/opengeos/countries.parquet样式化选中countries图层在右侧样式面板调填充颜色 / 轮廓颜色 / 填充不透明度想做分级统计图就把样式类型设为Graduated选数值字段如POP_EST、类别数与配色方案点应用样式类型。看数据点状态栏的属性表展开按列排序或在搜索框里找要素选中行会同步高亮地图点探索可一次性查看每个字段的类型、完整度与分布。落地在线版用Project → Share上传拿公开链接桌面端用Project → Save存.geolibre.json文件。远程大数据处理流式加载与本地转云原生 目标不下载整份文件就能用上 GeoParquet / FlatGeobuf / COG并把本地数据写成云原生格式。入口Add Data → GeoParquet Layer / FlatGeobuf Layer / Raster Layer转换走Processing → GeoLibre Toolbox → Conversion。关键操作GeoParquet粘贴 URL 后勾选Stream GeoParquet (no copy)文件通过 HTTP range 请求原地查询不会整体拷进内存。FlatGeobuf粘贴.fgbURL 即可格式允许时只抓取当前视野内的要素自带空间索引。COG粘贴.tifURL随后在样式面板调亮度、对比度、饱和度、色相本地 GeoTIFF/COG 也可以直接拖到地图上添加。本地 → 云原生矢量转 GeoParquet和CSV 转 GeoParquet由 DuckDB-WASM 在浏览器里跑矢量转 FlatGeobuf、矢量转 PMTiles、栅格转 COG走 Python 侧车桌面端。转换完把产物加回地图验证一下。⚠️避坑提示流式不拷贝模式的收益和数据的排布强相关——行按空间顺序如 GeoLibre 转换工具写出的 Hilbert 序排布的大文件range 请求只需取相关 row group没有空间排序的远程文件省流量的效果会打折扣。相关链接添加数据 · 处理工具几何处理缓冲、叠加与连接怎么配引擎 目标缓冲一个图层、和另一个图层做叠加然后把结果导出。入口Processing → GeoLibre Toolbox → Vector注意不是分隔线上方的 Whitebox 矢量分类。关键操作缓冲Buffer设输入图层、距离与单位公里/米/英里再挑引擎客户端Turf.js——浏览器零配置侧车GeoPandas——桌面端 Python 侧车投影感知PythonPyodide——浏览器里跑和侧车一样的 GeoPandas 代码首次使用下载一次运行时。叠加裁剪保留落在叠加层内部的部分、保留输入属性、相交只留重叠区、差异减去叠加区、合并两者并集不保留属性。连接空间连接按相交/包含/位于内部关系把连接层属性挂到每个要素上任意几何类型都适用属性连接按关键字段匹配挂接如用 FIPS 代码把统计值挂到边界多边形一对一、首行匹配胜出可选内连接或左连接。收尾在结果图层上开属性表核对、调样式区分输入Processing → History记录每次运行一键重跑并附等价 Python 代码。导出用转换工具、属性表或 SQL 工作区。⚠️避坑提示同一个 Processing 菜单下住着两个工具箱——处理 → 矢量分隔线上方是 Whitebox 目录的矢量类别本节的缓冲/叠加对话框全在GeoLibre 工具箱 → 矢量下别在错误的位置找工具。相关链接矢量工具 · 属性表高程数据处理DEM 派生地形产品 目标从数字高程模型DEM派生山体阴影、坡度、坡向和等高线并裁剪到研究区。入口Processing → GeoLibre Toolbox → Raster。关键操作加一个高程栅格图层GeoTIFF 或 COG 的 DEM栅格工具是文件进、文件出。山体阴影选 DEM按需调方位角、高度角、z 因子结果垫在其他图层下方把上层混合模式设为正片叠底Multiply让浮雕透出颜色。坡度 / 坡向任选一个对 DEM 跑用色带为输出配样式从控件菜单打开色条显示数值标尺。等高线设间距相邻线的高程差产出矢量线图层标注、样式和矢量数据一样玩。裁剪按范围裁剪用边界框浏览器可跑按掩膜图层裁剪用矢量掩膜仅侧车。⚠️避坑提示山体阴影、坡度、坡向都有浏览器客户端引擎在线版零安装可跑等高线和按掩膜裁剪没有客户端引擎必须用桌面端管理的 rasterio Python 侧车。大栅格或地理坐标系下的地形建议一律选侧车引擎工具顶部的引擎选择器会显示可用选项。相关链接栅格工具 · 图层混合模式空间 SQL 分析与上图查完直接变图层 目标用 DuckDB Spatial SQL 分析数据结果一键变成可交互的地图图层。入口Processing → SQL WorkspaceDuckDB-WASM 驱动浏览器与桌面端通吃。关键操作查已加载图层每个矢量图层就是一张表例如取 GDP 前十SELECT NAME, CONTINENT, GDP_MD_EST FROM countries ORDER BY GDP_MD_EST DESC LIMIT 10;裸 URL 直查FROM里直接写远程文件地址工作区自动包上正确的读取器并走 range 请求流式读取无需先加载。空间函数空间扩展已加载ST_*全家桶直接可用查询保留geom列即可上图。结果上图返回含几何列时点添加为图层可选命名支持一次加多个结果图层识别、选择、属性表照常使用。导出导出 CSV与导出 GeoParquet按钮就在添加为图层旁边。⚠️避坑提示示例countries.parquet用的是 Natural Earth 字段名NAME、CONTINENT、POP_EST、GDP_MD_EST几何列geom换个数据集列名就变了先跑DESCRIBE SELECT * FROM your-file-url摸清结构另外 EPSG:4326 下ST_Area给出的是平方度要平方千米请用ST_Area_Spheroid(geom) / 1e6。相关链接SQL 工作区发布与嵌入公开链接、iframe 参数与运行时客户端 目标把满意的地图发布成公开链接并能嵌入任何网页、在运行时持续对话。入口Settings → Environment Variables配令牌Project → Share...发布。关键操作配分享令牌只需一次把令牌粘到Share.GeoLibre API token字段令牌在 share.geolibre.app 的设置 → API 令牌 页创建。发布调好图层、样式和落点视图后上传返回一个.geolibre.json的公开 URL。打开分享图把项目 URL 作为url参数传给在线版即可。iframe 嵌入干净纯地图版iframe srchttps://web.geolibre.app/?url你的项目地址maponly titleGeoLibre map width100% height600 styleborder: 0; allowfullscreen; geolocation /iframe嵌入参数组合maponly纯地图、layoutviewer只读可探索、layoutcompact细图标工具栏、toolbarnone、panelsnone、themedark可自由叠加。运行时驱动装npm install geolibre/embed用connect(iframe)拿到类型化客户端监听选择变化、飞行到指定范围、高亮要素。⚠️避坑提示share.geolibre.app 只存项目文件、从不上传你的数据文件——读取本机文件的图层会在分享前被列成缺失这些数据要先自行托管运行时 API 只对把你的页面源加入白名单的自托管部署生效官方在线版没有白名单。相关链接嵌入与分享 · 项目与分享本地数据浏览器 vs 桌面端哪些能力在哪跑能力在线版浏览器桌面端加载远程 GeoParquet / FlatGeobuf / COG、样式、属性表、要素识别✅✅空间 SQL 工作区DuckDB-WASM✅✅缓冲 / 叠加客户端 Turf.js 或 Pyodide 引擎✅Pyodide 首次使用下载运行时✅另有侧车 GeoPandas 引擎山体阴影 / 坡度 / 坡向客户端引擎、按范围裁剪✅✅Whitebox 地理处理工具箱1000 工具WASM 运行✅✅保存 / 打开.geolibre.json项目文件❌用 Share 代替✅读取本地 MBTiles 与本地栅格❌✅等高线、按掩膜图层裁剪rasterio 侧车❌✅矢量转 FlatGeobuf / 矢量转 PMTiles / 栅格转 COG侧车转换❌✅矢量转 GeoParquet / CSV 转 GeoParquetDuckDB-WASM✅✅最大的例外要单独记住Whitebox 工具箱完全跑在 WebAssembly 里浏览器即开即用不占用桌面端名额。实现速览能力背后是哪块源码能力相关源码模块远程矢量按需加载、流式查询duckdb-vector-loader.ts、duckdb-geometry.ts浏览器内 DuckDB 处理与转换duckdb-processing.tsGeoParquet 元数据与坐标系解析geoparquet-metadata.ts、geoparquet-crs.tsSQL 工作区与结果图层sql-workspace.ts、sql-query-layer.tsPython 侧车通信sidecar.ts分享上传与就绪检查share-geolibre.ts嵌入运行时客户端packages/embed/整体上DuckDB-WASM 管线是按需读矢量和浏览器内处理/转换两条线的公共底座嵌入能力独立封装在packages/embed包桌面端则通过侧车模块把 rasterio、GeoPandas 等 Python 能力接进同一个界面。常见问题哪些步骤必须用桌面应用保存/打开项目文件、读本地 MBTiles 与栅格以及侧车专属工具等高线、按掩膜裁剪、矢量转 FlatGeobuf / PMTiles、栅格转 COG。缓冲引擎怎么选快速看效果、小范围用客户端 Turf.js大范围要精确公制距离就用两个 GeoPandas 引擎之一——桌面端选侧车任何环境含在线版选 Pyodide它们缓冲前会先重投影。怎么让 COG 序列动起来挂上时间滑块插件对栅格时间序列做动画见 数据集成。嵌入参数怎么组合maponly、layoutviewer、layoutcompact、toolbarnone、panelsnone、themedark全部可叠加地图只是插图用maponly读者要能探索但不能改项目用layoutviewer。Whitebox 工具箱要额外安装吗不用。1000 工具以 WebAssembly 在浏览器运行在线版开箱即用。延伸资源视频教程与文字教程一一对应按发布时间从旧到新GeoLibre 1.0免费开源、随处运行的云原生 GIS40:18——浏览器/桌面/Jupyter 三种构建全览含 180 GB 数据集流式加载。浏览器中的地理处理700 免费 GIS 工具零安装21:52——Whitebox 工具箱 WASM 实战地形、水文、LiDAR 等类别。在浏览器访问免费高分辨率灾害卫星影像8:26——装插件、查 STAC、对比灾前灾后并下载原始 COG。用 GeoLibre 在浏览器规整建筑足迹16:25——Rust 规整化工具清理不规则多边形附示例项目。GeoLibre GeoLens自托管地理空间数据的现代 GIS 技术栈25:41——部署、浏览、3D 建图、回写编辑一条龙。Model Builder 与 AI 助手创建可复用 GIS 工作流18:55——图形化建模 自然语言生成模型。用免费高分辨率卫星影像制图 2026 尼泊尔洪水23:14——灾害响应全流程查找、对比、下载、建筑提取与导出。构建云原生 GIS 工作流网络研讨会1:07:28——COG、GeoParquet、PMTiles、DuckDB 与 WASM 如何协同的最长总览。在浏览器中做影像地理配准15:35——放控制点、读残差、导出 GeoTIFF 并用滑动工具对比底图。每集的分章节清单与完整参考细节见 用户指南。现在打开在线版粘进那份示例国家数据五分钟做出你第一张云原生地图等到需要存本地文件或跑栅格工具时再切回桌面端即可。【免费下载链接】GeoLibreA lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs in the web browser, on the desktop, on mobile, and inside Jupyter notebooks.项目地址: https://gitcode.com/GitHub_Trending/ge/GeoLibre创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询