1.?天地图源??ͼ Դ??
2.Cesium for Unreal搭建数字孪生地球：加载天地图
3.盘点8个地图开发的开源项目，yyds！码天
4.Cesium for UE插件编译
5.arcgis 地图api 3.x for js 入门开发系列十七在线天地图、百度地图、源码高德地图附源码下载
6.地图偏移问题，天地图源如何解决？

?码天电脑向前的源码??ͼ Դ??

       新版本的《ArcGIS API for JavaScript开发》已经出炉，面向ESRI最新的地图4.版本API。自年首次出版以来，源码该书已销售数十万册，天地图源深获读者好评，码天成为经典WebGIS开发教程。地图本书不仅提供API各模块的源码调用方法，还着重引导读者理解在实际开发中如何搭建相关功能。天地图源以实战为主，码天采用循序渐进的地图教学方式，通过实例介绍使用成熟WebGIS框架ArcGIS API for JavaScript的方法。内容涵盖页面布局、地图图层、空间坐标转换、要素符号、专题图、属性查询、空间分析、三维场景、小部件、渲染器等关键技术。教材结构清晰，所有源代码均可下载。从基础讲起，适合0基础读者入门。

       与之前的3.X版本相比，4.X版本的API进行了全新封装，增加了对三维模型和三维地图场景的支持，并更加深入地与ArcGIS Enterprise进行集成。msdos系统源码解析无论您是初学者还是有一定经验的开发者，本书都能够帮助您掌握ArcGIS API for JavaScript的精髓，通过实战案例学习构建令人惊叹的地图应用程序，展现专业技能和创造力。

       书中介绍了强大的API功能和工具，使您能轻松创建高质量的地图应用。例如，您将学习如何利用图层融合模式使地图更加生动逼真。通过内置分析功能和图表展示，深入挖掘地理数据，获得有价值的见解。本书不仅教授如何加载ArcGIS服务，还引导您掌握使用国内外主流地图数据源的方法。灵活运用天地图、OpenStreetMap等数据源，为应用程序提供全面地理信息。

       作者刘光，北京大学遥感与地理信息系统研究所博士，现任职于北京市测绘设计研究院研发中心，专注于地理信息系统开发，擅长软件架构设计与底层框架研究。他出版过多部地理信息系统开发专著，编写的技术类教程深入浅出、通俗易懂，广受好评。本书适合有志于成为专业GIS开发人员，或希望在学术研究或商业领域应用地理信息技术的人士。

       不要错过这个提升技能、探索WebGIS世界的机会。立即获取《ArcGIS API for JavaScript开发》一书，开启您的WebGIS之旅吧！本文内容节选自该书，发布已获得作者和出版社授权。新畅享源码

Cesium for Unreal搭建数字孪生地球：加载天地图

       要将天地图的WMTS服务应用于Cesium for Unreal构建数字孪生地球，目前Cesium for Unreal并不直接支持，但有两个解决路径。首先，如果你具备C++、GIS专业知识和UE插件开发经验，可以选择修改插件源码，但这需要一定的技术基础和编程能力，资源在GitHub上可获取。然而，对于那些寻求更便捷方式的用户，第二种方法更为推荐，即通过将天地图的服务转换为TMS格式，这样无需修改插件即可加载，上手难度相对较低。

       如果你倾向于使用简单快捷的方法，可以参考公众号中提供的教程，这些教程会指导你如何将天地图服务代理转换为TMS格式。通过这些教程，你将更直观地学习和实践这一过程。

盘点8个地图开发的开源项目，yyds！

       地图开发领域中，开源项目提供了丰富的资源和工具，以下是一些具有代表性的项目，它们在不同方面展现出其独特价值。

       Historical-Atlas

       这个项目以其直接的命名“历史地图集”吸引了众多关注，作者采用的AGPL-3.0开源协议使得它不仅适合作为参考设计思路或在线服务提供，也鼓励其作为软件产品对外分发时保持开源状态。项目中存在一些遗留问题，如数据库配置和用户信息存储的实现，但通过对照源码，还原表结构并不困难。vbnet数据清洗源码

       vue3-ts-cesium-map-show

       由地虎降天龙开发的这个项目，采用MIT开源许可协议，是一个专注于三维可视化数字城市应用，结合Cesium-1.开源库，提供后台可视化编辑与保存功能。

       QGIS

       作为开源地理信息系统，QGIS支持Windows、Linux、MacOS，拥有强大的地理空间管理与分析能力，包括时间动画、3D地图预览和地图美化等特性，使用户能够生成美观的地图。

       react-baidu-map

       由uiw开发的react-baidu-map项目，基于React封装了百度地图组件，简化了将地图集成到React项目的过程，使开发者能够快速接入地图功能。

       Maptalks

       Maptalks是一个HTML5地图引擎，基于原生ES6 Javascript开发，提供二三维一体化地图能力，通过二维地图旋转、倾斜增加三维视角，并支持插件化设计。

       QuickEarth-Free

       QuickEarth（QE）是一个面向个人免费开放的二三维一体化Web端矢量和栅格数据渲染引擎，适用于气象、海洋、水文、环境等领域，帮助用户实现数据可视化。

       地图下载器

       使用Java开发的地图瓦片图下载工具，支持多种地图服务，如OpenStreetMap、天地图、李子园溯源码谷歌地图等，提供XYZ瓦片图下载与合并功能，方便用户获取地图数据。

       L7

       L7是蚂蚁金服AntV推出的一款基于WebGL的开源大规模地理空间数据可视分析框架，专注于数据可视化表达，通过多种视觉变量设置实现信息的有效呈现，满足地图图表、BI系统可视化分析、GIS等领域的需求。

       xdh-map

       xdh-map是一款基于Openlayers的地图应用Vue组件，内置多种地图瓦片，并支持与多个PGIS厂商对接，提供丰富的组件，如文本、图形、热力图等，以及与ECharts结合实现基于地理位置的图表，满足项目常见需求。

       这些开源项目在地图开发领域中各具特色，为开发者提供了丰富的选择和强大的技术支持。

Cesium for UE插件编译

       Cesium for Unreal作为Cesium Native的扩展，它构建在C++类库基础上，提供了强大的3D地理空间处理功能，如3D Tiles传输流、Gltf解码编码、精确的3D运算和地理坐标系统支持。因此，使用Cesium for Unreal前，先要编译Cesium Native，它还是其他渲染引擎插件的基石，如Cesium for Unity和Cesium for Omniverse等。

       自己编译和定制UE的Cesium插件需要一定的技术基础，主要包括：理解并修改C++代码的能力，尤其是基本的调试技巧；熟悉Visual Studio（VS）环境；掌握HTTP网络协议；具备UE插件开发知识，以及WebGIS的基本原理，包括理解WMTS协议和地图加载逻辑。虽然看起来要求较多，但通过逐步教程，这个过程其实并不复杂。

       两篇文章详尽地阐述了编译、打包和源码修改的步骤，成功实现在天地图或Geoserver的WMTS上加载。以下是相关的技术资源：

       无需关注公众号，直接获取编译教程内容即可。

arcgis api 3.x for js 入门开发系列十七在线天地图、百度地图、高德地图附源码下载

       欢迎阅读 arcgis api 3.x for js 的入门开发系列十七。如果你在使用过程中遇到类名不熟悉的困惑，强烈推荐参考 esri 官方提供的官方文档：<a href="/" title="esri官网api" target="_blank">esri官网api，那里详尽地解析了各个类的功能，同时也有丰富的在线实例供你参考：<a href="/examples/" title="esri官网在线例子" target="_blank">esri官网在线例子，这些都是理解 arcgis api 3.x 的宝贵资源。

       本章节的核心内容是教你如何利用 arcgis api 从互联网上加载地图服务，实现动态底图切换。我们将通过简单封装的 js 控件，无缝集成天地图、高德地图和百度地图。以下是一个直观的展示效果：

       如果你对这个功能感兴趣，可以私信我获取源代码示例，只需支付8.8元即可获取。这将帮助你直接上手并快速应用到实际项目中。

地图偏移问题，如何解决？

       话不多说，先上效果图

       以前在做项目时，经常会听到客户说，你们这个地图是哪来的，太丑了，能不能换成百度地图……高德也行……

       大家生活中，基本上都已经习惯了使用百度地图和高德地图，而在做项目时，用这两个地图做为底图，也基本成为了标配。但在开发中使用这两个地图，会遇到一个拦路虎，坐标偏移问题。

       全球现在用的最多的坐标，是wgs坐标，专业GPS设备和手机GPS定位得到的坐标，通常都是这个坐标。我们国家为了保密需要，要求在国内发布的互联网地图，必须要在这个基础上进行加密偏移。加密后的坐标叫做国测局坐标，俗称火星坐标。高德地图、腾讯地图、国内的谷歌地图都是这个坐标。百度地图则是在火星坐标的基础上再次加密，形成了百度坐标。

       leaflet有一个加载互联网地图的插件

         leaflet.ChineseTmsProviders，可以轻松实现加载高德、百度、天地图、谷歌等在线地图瓦片，但并没有去解决它们的偏移问题。高德和百度地图倒是提供了wgs坐标转成自己坐标的在线接口，但仅支持单向转入，不支持反向再转回来，这会导致地图拾取坐标等功能无法得到wgs坐标。

       网上流传着一份wgs坐标、火星坐标和百度坐标之间相互转换的算法。在多个项目中使用后发现，基本很准，偶尔有误差，但很小，也就几米以内，平时用时基本感觉不到。

如何集成到leaflet

       两种思路：

       第一种，把纠偏算法封装成一个接口，类似上面提到的百度、高德地图的坐标转换接口，在向地图加载数据前，先调用这个接口完成坐标的转换再添加到地图上。等于是把自己的数据偏移到互联网地图坐标上。这种是最常见的。

       第二种，百度、高德的地图都是瓦片地图，每一张瓦片在加载时都会去计算它的经纬度位置，我们可以在计算经纬度位置时加入纠偏算法，把瓦片的坐标位置纠偏回来。当所有瓦片的位置正确了，整个地图也就不存在偏移了。等于是把火星坐标或百度坐标的瓦片纠偏回wgs坐标。

       两种方案进行比较，第一种明显是被百度、高德的坐标转换接口带节奏了。leaflet是开源的，我们可以通过研究源码实现对瓦片的纠偏，从而真正实现对地图的纠偏，而不是每次去调用坐标转换接口，让数据将错就错。

       第二种方案还可以进一步延伸，把对瓦片的纠偏封装成插件，最终目标是引入这个插件以后实现对地图的自动纠偏。

瓦片位置

       对瓦片纠偏，先要找到加载瓦片、计算瓦片位置的代码在哪。

       上文中提到的，加载互联网地图的插件

         leaflet.ChineseTmsProviders本质是一个图层，它继承了TileLayer

       TileLayer继承了GridLayer

       加载瓦片的代码主要是在GridLayer中写的。

       计算瓦片位置的代码在 _getTiledPixelBounds 方法和 _setZoomTransform 方法中。

瓦片纠偏

       瓦片纠偏分三步：

       第一步：准备坐标转换的算法

       第二步：根据互联网地图名称获取坐标类型

       第三步：在获取瓦片和地图缩放的方法中，调用纠偏算法

封装成插件

       有个问题，既然要封装成插件，就要做到耦合，不能直接修改leaflet的源码。这里可以参考leaflet的源码，使用 include 方式对方法进行重写来做到修改源码。

       include方式

       通过例子了解一下：比如leaflet源码中 Polygon.toGeoJSON() 方法不是在 Polygon.js 文件中写的，而是用 include 方式写在了GeoJSON.js文件中。Polygon类本来是没有toGeoJSON()方法的，这样就增加了这个方法。如果Polygon类中已经有了toGeoJSON()方法，这样写会根据执行的顺序，后执行的会把先加载的重写。

       最后，我们把上面的代码封装成一个js插件，大家引用这个插件，就能实现了对地图的纠偏，不需要写一行js代码，这才是我心目中真正的优雅。

最终效果

       下图是引用纠偏插件前后的对比：

       注意：leaflet会以map初始化以后，加载的第一个图层的坐标，作为整个map的坐标，所以地图初始化以后，要第一个添加互联网地图作为底图。

总结leaflet有一个加载国内互联网地图的插件，但存在坐标偏移问题。常见的偏移坐标有国测局坐标和百度坐标。网上有一份wgs坐标国测局坐标和百度坐标相互转换的算法，需要自己集成到leaflet中纠偏算法集成到leaflet中有两种思路，一种是把自己的数据偏移到互联网地图，另一种是把互联网地图的瓦片纠偏回自己的数据。采用第二种思路，把纠偏算法封装成插件，对互联网地图的瓦片纠偏，在插件中复写源码的方式最为优雅。在线示例

       在线示例：http://gisarmory.xyz/blog/index.html?demo=leafletMapCorrection

       纠偏插件：http://gisarmory.xyz/blog/index.html?source=leafletMapCorrection

       原文地址：

         http://gisarmory.xyz/blog/index.html?blog=leafletMapCorrection

       关注《GIS兵器库》公众号， 第一时间获得更多高质量GIS文章。

       本文章采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名《GIS兵器库》（包含链接： http://gisarmory.xyz/blog/），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。