1.?天地图源图源??ͼԴ??
2.Cesium for Unreal搭建数字孪生地球:加载天地图
3.新书速览|《ArcGIS API for JavaScript开发》面向4.X版本API,经典WebGIS开发教程新版再现
4.openlayers4 入门开发系列之地图切换篇(附源码下载)
5.Cesium for UE插件编译
6.如何把地图集成到leaflet中?
?码天??ͼԴ??
在使用天地图API4.0类文档时,经常需要频繁切换查看数据或搜索特定类的地图方法,原版文档检索功能可能无法满足需求。天地图源图源为解决这一问题,码天本文提供了一个简单高效的地图gta sa源码方法。
深入研究了文档网页的天地图源图源源代码后,我编写了一个方法,码天旨在将整个页面内容加载至可搜索状态。地图这种方法直接、天地图源图源简单,码天却非常有效。地图
只需在浏览器的天地图源图源控制台中粘贴以下代码,然后使用快捷键 command + f(或 ctrl + f)即可开启全文搜索功能。码天
为了方便大家尝试和使用,地图这里提供了完整源码:
Cesium for Unreal搭建数字孪生地球:加载天地图
要将天地图的WMTS服务应用于Cesium for Unreal构建数字孪生地球,目前Cesium for Unreal并不直接支持,但有两个解决路径。首先,如果你具备C++、GIS专业知识和UE插件开发经验,可以选择修改插件源码,但这需要一定的技术基础和编程能力,资源在GitHub上可获取。然而,对于那些寻求更便捷方式的用户,第二种方法更为推荐,即通过将天地图的服务转换为TMS格式,这样无需修改插件即可加载,上手难度相对较低。
如果你倾向于使用简单快捷的方法,可以参考公众号中提供的教程,这些教程会指导你如何将天地图服务代理转换为TMS格式。通过这些教程,你将更直观地学习和实践这一过程。
新书速览|《ArcGIS API for JavaScript开发》面向4.X版本API,经典WebGIS开发教程新版再现
新版本的gps终端源码《ArcGIS API for JavaScript开发》已经出炉,面向ESRI最新的4.版本API。自年首次出版以来,该书已销售数十万册,深获读者好评,成为经典WebGIS开发教程。本书不仅提供API各模块的调用方法,还着重引导读者理解在实际开发中如何搭建相关功能。以实战为主,采用循序渐进的教学方式,通过实例介绍使用成熟WebGIS框架ArcGIS API for JavaScript的方法。内容涵盖页面布局、地图图层、空间坐标转换、要素符号、专题图、属性查询、空间分析、三维场景、小部件、渲染器等关键技术。教材结构清晰,所有源代码均可下载。从基础讲起,适合0基础读者入门。
与之前的3.X版本相比,4.X版本的API进行了全新封装,增加了对三维模型和三维地图场景的支持,并更加深入地与ArcGIS Enterprise进行集成。无论您是初学者还是有一定经验的开发者,本书都能够帮助您掌握ArcGIS API for JavaScript的精髓,通过实战案例学习构建令人惊叹的地图应用程序,展现专业技能和创造力。
书中介绍了强大的API功能和工具,使您能轻松创建高质量的地图应用。例如,您将学习如何利用图层融合模式使地图更加生动逼真。ethereum vm源码通过内置分析功能和图表展示,深入挖掘地理数据,获得有价值的见解。本书不仅教授如何加载ArcGIS服务,还引导您掌握使用国内外主流地图数据源的方法。灵活运用天地图、OpenStreetMap等数据源,为应用程序提供全面地理信息。
作者刘光,北京大学遥感与地理信息系统研究所博士,现任职于北京市测绘设计研究院研发中心,专注于地理信息系统开发,擅长软件架构设计与底层框架研究。他出版过多部地理信息系统开发专著,编写的技术类教程深入浅出、通俗易懂,广受好评。本书适合有志于成为专业GIS开发人员,或希望在学术研究或商业领域应用地理信息技术的人士。
不要错过这个提升技能、探索WebGIS世界的机会。立即获取《ArcGIS API for JavaScript开发》一书,开启您的WebGIS之旅吧!本文内容节选自该书,发布已获得作者和出版社授权。
openlayers4 入门开发系列之地图切换篇(附源码下载)
开放层4入门开发系列之地图切换篇
1.基于开放层4实现地图切换效果
2.源代码demo下载
开放层4地图切换篇的核心是使用开放层4来加载不同类型的地图服务,实现地图切换功能,下图展示了效果:
核心应用到开放层4的核心类如下:
1.开放层4加载瓦片地图类,详情见官方API说明,包含函数、属性及事件等。
2.开放层4的ol.layer.Tile加载瓦片XYZ目录访问数据源,详情见官方API说明。
3.开放层4加载ArcGIS Rest服务地图服务数据源,详情见官方API说明。
4.开放层4加载ArcGIS Rest服务地图服务数据源,文本对比 源码详情见官方API说明。
5.开放层4加载WMS瓦片服务地图数据源,详情见官方API说明。
6.开放层4加载OSM在线地图数据源,详情见官方API说明。
地图切换篇的核心代码实现流程如下:
1.地图配置参数说明:server:地图服务类型,当前参数值包括geoserver、arcgisserver、osm、gaode、tianditu,分别代表geoserver服务、arcgis服务器服务、OSM在线地图、高德地图、天地图。
2.开放层4加载arcgis服务器地图服务。
3.开放层4加载OSM在线地图服务。
4.开放层4加载天地图在线地图服务。
5.开放层4加载高德在线地图服务。
6.开放层4加载第三方arcserverrest服务的离线瓦片。
7.开放层4加载arcserverrest的本地切片,加载arcserver本地切片时,其resolutions、origin、extent的设置与上述一致。arcserver切片也是xyz排列存储。
感兴趣的伙伴们,私聊我获取源代码,价格为8.8元。
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上加载。以下是相关的技术资源:
无需关注公众号,直接获取编译教程内容即可。
如何把地图集成到leaflet中?
话不多说,先上效果图以前在做项目时,经常会听到客户说,你们这个地图是哪来的,太丑了,能不能换成百度地图……高德也行……
大家生活中,基本上都已经习惯了使用百度地图和高德地图,而在做项目时,用这两个地图做为底图,也基本成为了标配。但在开发中使用这两个地图,会遇到一个拦路虎,坐标偏移问题。
全球现在用的最多的坐标,是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/),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。
盘点8个地图开发的开源项目,yyds!
地图开发领域中,开源项目提供了丰富的资源和工具,以下是一些具有代表性的项目,它们在不同方面展现出其独特价值。 Historical-Atlas 这个项目以其直接的命名“历史地图集”吸引了众多关注,作者采用的AGPL-3.0开源协议使得它不仅适合作为参考设计思路或在线服务提供,也鼓励其作为软件产品对外分发时保持开源状态。项目中存在一些遗留问题,如数据库配置和用户信息存储的实现,但通过对照源码,还原表结构并不困难。 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结合实现基于地理位置的图表,满足项目常见需求。 这些开源项目在地图开发领域中各具特色,为开发者提供了丰富的选择和强大的技术支持。