🍺三维数字地球GIS系列相关文章（C++）🍺：
1 【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第一期
2 【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第二期
3 【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第三期
4 【小沐学GIS】基于C++绘制三维数字地球Earth（QT、OpenGL）第四期
5 【小沐学GIS】基于C++绘制三维数字地球Earth（QT、OpenGL、Satellite、卫星轨道模拟）第五期
6 【小沐学GIS】基于C++绘制三维数字地球Earth（OpenG、SolarSystem、太阳系模拟）第六期
7 【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、OpenSceneGraph / OSG）第七期
8 【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、二维瓦片地图）第八期
9 【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、三维瓦片地球）第九期
10 【小沐学GIS】基于C++绘制三维数字地球Earth（osgEarth、三维瓦片地球）第十期
11 【小沐学GIS】基于C++绘制OpenStreetMap地图矢量数据（QT、OpenGL、OSM、Mapbox）第十一期
12 【小沐学GIS】基于C++绘制地形DEM（OpenGL、Terrain、TIFF、hgt）第十二期
🍺三维数字地球GIS系列相关文章（其他语言）🍺：
1 【小沐学GIS】基于C#绘制三维数字地球Earth（C#、OpenGL）
2 【小沐学GIS】基于Python绘制三维数字地球Earth（Python、OpenGL、地球/太阳系/卫星）
3 【小沐学GIS】基于Android绘制三维数字地球Earth（Android、OpenGL）
4 【小沐学GIS】基于Golang绘制三维数字地球Earth（Go、OpenGL）
5 【小沐学GIS】基于Rust绘制三维数字地球Earth（Rust、OpenGL）
6 【小沐学GIS】基于Lua绘制三维数字地球Earth（Lua、OpenGL）
7 【小沐学GIS】基于Java绘制三维数字地球Earth（Java、OpenGL）
8 【小沐学GIS】基于Unity3d绘制三维数字地球Earth（Unity3d、OpenGL）
9 【小沐学GIS】基于Vulkan绘制三维数字地球Earth（Vulkan）
10 【小沐学GIS】基于Godot绘制三维数字地球Earth（Godot）
11 【小沐学GIS】基于VTK绘制三维数字地球Earth（VTK）
12 【小沐学GIS】基于Babylon.JS绘制三维数字地球Earth（Babylon.JS、vue、react）
🍺三维数字地球WebGIS+Three.JS系列相关文章🍺：
1 【小沐学WebGIS】基于Three.JS绘制三维数字地球Earth（WebGL、vue、react）
2 【小沐学WebGIS】基于Three.JS绘制三维太阳系Solar System（three.js、WebGL）第一期
3 【小沐学WebGIS】基于Three.JS绘制三维太阳系Solar System（three.js、WebGL）第二期
4 【小沐学WebGIS】基于Three.JS绘制卫星模拟Satellite Tracker（three.js、vue、react、卫星）
5 【小沐学WebGIS】基于Three.JS绘制OpenStreetMap地图矢量数据（WebGL、OSM、2d/3d）
6 【小沐学WebGIS】基于Three.JS绘制地形DEM（Three.JS、WebGL、TIFF）
7 【小沐学WebGIS】基于Three.JS绘制瓦片地图（Three.JS、WebGL、Mapbox）
8 【小沐学WebGIS】基于Three.JS绘制飞行轨迹Flight Tracker（Three.JS/ vue / react / WebGL）
9 【小沐学WebGIS】基于WebGL绘制三维数字地球Earth（WebGL、地球/卫星/航迹）
10 【小沐学WebGIS】基于WebGL绘制二三维地图地球晨昏效果（Three.JS/ vue / react ）
11 【小沐学WebGIS】基于Three.JS绘制三维城市建筑（City / vue / react ）
🍺Three.JS系列相关文章如下🍺：
1 【小沐杂货铺】基于Three.JS构建IFC模型浏览器（WebGL、CAD、Revit、IFC）
2 【小沐杂货铺】基于Three.JS绘制汽车展示Car（WebGL、vue、react、autoshow）第1期
3 【小沐杂货铺】基于Three.JS绘制汽车展示Car（WebGL、vue、react、autoshow）第2期
4 【小沐杂货铺】基于Three.JS绘制云图/热力图/CAE物理场渲染（Three.JS、WebGL、CAE、heatmap）
5 【小沐杂货铺】基于Three.js渲染三维风力发电机（WebGL、vue、react、WindTurbine）
6 【小沐杂货铺】基于Three.js渲染三维船舶航行仿真（WebGL、vue、react、ship/boat/vessel）
7 【小沐杂货铺】基于Three.js绘制三维管道Pipe（WebGL、vue、react）
8 【小沐杂货铺】基于Three.js绘制三维机械臂RobotArm（WebGL、vue、react）
9 【小沐杂货铺】基于Three.JS绘制三维海面/海洋/水面（WebGL / vue / react ）
10 【小沐杂货铺】基于Three.JS构建三维虚拟教学实践课程（WebGL / vue / react ）
🍺三维数字地球WebGIS+Cesium.JS系列相关文章🍺：
1 【小沐学WebGIS】基于Cesium.JS绘制卫星轨迹Satellite Tracker（Cesium、vue、react、卫星）
2 【小沐学WebGIS】基于Cesium.JS绘制飞行轨迹Flight Tracker（Cesium/ vue / react / czml / GPX）
3 【小沐学WebGIS】基于Cesium.JS绘制雷达波束/几何体/传感器Sensor（Cesium / vue / react ）
🍺GIS系列相关工具🍺：
1 【小沐杂货铺】GIS瓦片地图下载工具（高德/天地图/谷歌/必应/OSM/MapBox/ArcGIS）
2 【小沐杂货铺】GIS高程地形tif文件转obj/gltf三维模型工具（geotiff to obj/gltf、3d模型处理）

文章目录

1、简介

1.1 OSM简介

https://openstreetmap.org
开放街道地图（OpenStreetMap，简称OSM）是一个建构自由内容的网上地图协作计划，目标是创造一个内容自由且能让所有人编辑的世界地图，并且让一般便宜的移动设备有方便的导航方案。

在这里插入图片描述

1.2 Mapbox简介

Mapbox 是一家全球性的工程驱动型科技公司，致力于通过实时数据和地图渲染技术，为创新者提供应对不断变化世界的能力。PBF（Protocol Buffer Format）是一种与 Mapbox 矢量瓦片紧密相关的格式。MVT（Mapbox Vector Tile）是矢量瓦片的数据规范，它定义了瓦片中如何表示地理要素，如点、线、面等的数据结构，包含几何图形编码规则、属性存储方式及坐标系转换标准等。
在这里插入图片描述

而 PBF 是 MVT 规范的具体二进制编码格式，它使用 Google 的 Protocol Buffers 技术对数据进行压缩，使得传输的数据量通常比图片瓦片或 GeoJSON 等格式小很多，相比 GeoJSON 约可缩减 90%。在实际应用中，符合 MVT 规范的矢量瓦片通常以.pbf 作为文件扩展名进行存储和传输。

2、代码

2.1 代码1

代码编号：C2_1_GIS_OSM_2dMap_MapboxPBF
关键词：qt程序加载mapbox的离线/在线pbf文件二维显示
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.2 代码2

代码编号：C2_2_GIS_OSM_2dMap_osmfile
关键词：qt程序加载OpenStreetMap的.osm离线文件二维显示
在这里插入图片描述
在这里插入图片描述

结语

如果您觉得该方法或代码有一点点用处，可以给作者点个赞，或打赏杯咖啡；╮(￣▽￣)╭
如果您感觉方法或代码不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果您需要相关功能的代码定制化开发，可以留言私信作者；(✿◡‿◡)
感谢各位大佬童鞋们的支持！( ´ ▽´ )ﾉ ( ´ ▽´)っ！！！

如需源代码，请加文章末尾的QQ！

# c++ # qt
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

鸿蒙（HarmonyOS）与 Flutter 跨平台开发对比与融合实践

HarmonyOS 是华为自主研发的面向全场景的分布式操作系统，支持手机、平板、智能穿戴、车机、IoT 设备等多端协同。分布式软总线：设备间无缝通信一次开发，多端部署（通过声明式 UI ArkTS + DevEco Studio）原生性能优化：基于方舟编译器和运行时HarmonyOS 与 Flutter 并非对立，而是互补。前者构建“万物互联”的底座，后者提供“极致 UI 体验”的上层能力。作为开

avatar 开源鸿蒙跨平台开发者社区
cover

设计与开发的效率壁垒，被 Locofy.ai 一键击穿

avatar 开源鸿蒙跨平台开发者社区

中小学教育AI工具开发：架构师的预测性维护方案

架构层级核心功能典型技术组件数据类型潜在故障类型前端交互层师生用户操作入口，如作业提交、成绩查询界面Web端（React/Vue）、移动端（Flutter/原生Android/iOS）、小程序（微信/支付宝）用户操作日志（点击、输入、停留时长）页面白屏（JS加载失败）、交互卡顿（前端渲染性能不足）、适配问题（不同设备分辨率显示异常）API网关层请求路由、限流、认证授权，统一API入口接口请求日志（

avatar 开源鸿蒙跨平台开发者社区