ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

浏览器里跑云原生 GIS:GeoLibre 从第一张地图到嵌入网页的 5 步路径

2026/9/20 21:38:36 拓冰建站 浏览量
浏览器里跑云原生 GIS:GeoLibre 从第一张地图到嵌入网页的 5 步路径 浏览器里跑云原生 GISGeoLibre 从第一张地图到嵌入网页的 5 步路径【免费下载链接】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 是一个轻量、开源的云原生 GIS 平台浏览器打开就能用桌面端、手机和 Jupyter Notebook 里也能跑。它把加载远程数据、做空间分析、把成果发给别人压缩进同一条工作流让你 15 分钟内装得上、画得出、能分享。30 秒环境自检再动手开始之前花半分钟确认三件事在线版零安装浏览器构建版web.geolibre.app直接开玩绝大多数操作都能在这里完成。少数场景必须桌面端打开/保存本地项目文件.geolibre.json、读取本地 MBTiles 和栅格文件、Python 侧车sidecar驱动的工具。安装入口见 docs/downloads.md。示例数据多篇教程共用一份公开的世界国家 GeoParquet直接粘贴这个地址即可https://data.source.coop/giswqs/opengeos/countries.parquet一个常被忽略的例外Whitebox 地理处理工具箱1000 工具走 WebAssembly不需要任何安装浏览器里就能跑。先让数据上图想快速看到效果按数据格式对号入座GeoParquet压缩列式矢量最推荐走添加数据 → GeoParquet 图层或矢量图层贴上远程 URL点加载。关键开关是Stream GeoParquet (no copy)——它用 HTTP range 请求原地查询文件不把大文件整个拷进内存对按空间排序如 Hilbert 序的大文件尤其划算只拉取相关的 row group。FlatGeobuf走添加数据 → FlatGeobuf 图层贴.fgb地址。这个格式自带空间索引GeoLibre 在条件允许时只抓取当前视野内的要素。COGCloud-Optimized GeoTIFF走添加数据 → 栅格图层贴.tif的 URL。加载后在样式面板里调亮度、对比度、饱和度、色相。本地 GeoTIFF 也可以直接拖进地图。本地数据转云原生走处理 → GeoLibre 工具箱 → 转换。矢量转 GeoParquet、CSV 转 GeoParquet 在浏览器里由 DuckDB-WASM 完成矢量转 FlatGeobuf、矢量转 PMTiles、栅格转 COG 则交给桌面端的 Python 侧车。样式层面选中图层后展开样式面板调填充/轮廓颜色和不透明度想做分级统计图把样式类型切到Graduated选一个数值属性示例数据里可用POP_EST或GDP_MD_EST再定类别数、配色方案与色带最后点应用样式类型。想查数据点状态栏的属性表按列排序、搜索或点探索一次性看每个字段的类型、完整度与分布。三种分析姿势菜单工具箱缓冲与叠加适合对矢量图层做几何运算的任务。入口在处理 → GeoLibre 工具箱 → 矢量注意分隔线上方的处理 → 矢量是 Whitebox 的矢量类别别点错。缓冲设输入图层、距离与单位再选引擎——客户端Turf.js浏览器零配置、侧车GeoPandas桌面端、PythonPyodide浏览器里跑和侧车相同的 GeoPandas 代码。大范围要精确公制距离时选后两者它们缓冲前会先重投影。叠加裁剪、相交、差异、合并以及空间连接按相交/包含/位于内部把多边形属性挂到点上和属性连接按关键字段一对一挂接不涉及几何。每次运行都会记进处理 → 历史一键重跑还能复制等价的 Python 代码。栅格工具从 DEM 出地形产品适合手里有高程数据想要山体阴影/坡度/等高线。入口在处理 → GeoLibre 工具箱 → 栅格。山体阴影、坡度、坡向都有客户端浏览器引擎在线版零安装可用。山体阴影产物放在其他图层下方把上层混合模式设为正片叠底Multiply浮雕会透出颜色比降不透明度干净得多。等高线没有客户端引擎必须桌面端侧车rasterio跑设好等高线间距即可生成矢量等高线之后像普通矢量一样标注、配色。想限定研究区用按范围裁剪边界框浏览器可跑或按掩膜图层裁剪矢量掩膜仅侧车。SQL 工作区把查询结果直接上图适合想先筛数据再看图的分析。从处理 → SQL 工作区打开底层是 DuckDB-WASM浏览器和桌面端都能跑。每个已加载的矢量图层都是一张表SELECT NAME, CONTINENT, GDP_MD_EST FROM countries ORDER BY GDP_MD_EST DESC LIMIT 10;更省事的是裸 URL 直查FROM后直接写文件地址工作区会自动套上对应读取器并流式读取无需先加载。空间函数ST_*也已就绪注意 EPSG:4326 下ST_Area算出的是平方度要平方千米用ST_Area_Spheroid(geom) / 1e6。SELECT NAME, ST_Area(geom) AS area, geom FROM https://data.source.coop/giswqs/opengeos/countries.parquet WHERE CONTINENT Africa ORDER BY area DESC;结果带几何列时点添加为图层就成新图层旁边的导出 CSV / 导出 GeoParquet按钮可一步落地文件。不确定列名时先跑DESCRIBE SELECT * FROM 文件 URL。把结果交出去场景 A发给同事一个链接先在设置 → 环境变量里填一次Share.GeoLibre API token令牌在share.geolibre.app/settings的设置 → API 令牌下创建。打开项目 → 分享...确认标题并上传得到形如https://share.geolibre.app/you/my-map.geolibre.json的公开地址。对方用https://web.geolibre.app/?url项目地址即可打开。分享文件捕获图层、样式、插件状态和地图视图引用你本机文件的图层会被对话框列为缺失——平台只存项目文件绝不上传你的数据。场景 B嵌进自己的网页最干净的嵌入是一个iframe加maponly参数iframe srchttps://web.geolibre.app/?urlhttps://share.geolibre.app/you/my-map.geolibre.jsonamp;maponly titleGeoLibre map width100% height600 styleborder: 0; loadinglazy allowfullscreen; geolocation/iframe外观由 URL 参数控制可自由组合maponly只留地图、layoutviewer只读保留图层/识别/底图、layoutcompact细图标工具栏、toolbarnone、panelsnone、themedark。参数全集见 docs/user-guide/embedding.md。要运行时持续驱动地图比如用户点了你页面里的某条记录地图就飞过去装类型化客户端geolibre/embed实现位于 packages/embedimport { connect } from geolibre/embed; const map await connect(iframeEl, { origin: https://web.geolibre.app }); await map.setView({ bbox: field.bbox });注意运行时 API 只在你自己托管的构建上生效需要把你的源加入白名单公网web.geolibre.app未开放白名单。按兴趣选看视频教程按时间收录在 docs/tutorials/videos.md每条都有章节和摘要GeoLibre 1.0 全介绍40:18——三种构建方式、流式加载 180 GB 数据集不下载、3D 瓦片、LiDAR 一网打尽最适合当第一课。浏览器里的地理处理21:52——Whitebox 工具箱现已 1000 工具纯 WASM 跑 DEM 地形与水文分析。免费高分灾害卫星影像8:26——装 Vantor 插件、查 STAC 目录、对比灾前灾后并下载原始 COG。规整建筑足迹16:25——Rust 写的规整化工具在浏览器内清理不规则多边形。GeoLibre GeoLens25:41——自托管数据栈浏览目录、3D 拉伸样式、编辑回写。Model Builder 与 AI 助手18:55——图形化流程 自然语言生成模型。尼泊尔洪水制图23:14——灾害响应全流程找影像、滑动对比、提取建筑。云原生工作流网络研讨会1:07:28——COG / GeoParquet / PMTiles / DuckDB 如何协作的总览。影像地理配准15:35——控制点、RMS 残差、导出 GeoTIFF。遇到卡点先看这里哪些动作绕不开桌面端存/开本地项目文件、读本地 MBTiles 与栅格、侧车工具等高线、栅格转 COG、矢量转 FlatGeobuf 等。其余的在线版都能干。缓冲结果距离看着不对客户端引擎在地理坐标下计算大范围场景换 Pyodide 或侧车引擎它们会先重投影再缓冲。SQL 报列不存在数据集列名千差万别先DESCRIBE SELECT * FROM URL摸一遍结构再写查询。COG 序列想动起来装时间滑块插件做时间动画见 docs/user-guide/data-integrations.md。更细的界面与功能说明随时回 docs/user-guide/ 对应章节。现在就去打开web.geolibre.app把示例国家数据贴上、换个配色、分享出去——你的第一张云原生 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/GeoLibre创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考