1.tms Դ?码解???
2.Delphi 7-11 Alexandria 完整源代码
3.地图偏移问题,如何解决?
tms Դ?码解???
以下是博主在业余时间整理的webgis开发教程,旨在帮助GIS专业学生快速入门并上手,码解同时针对前端GIS新手也具有良好的码解适用性。
本章节将《Vue+OpenLayers6入门教程》和《Vue+OpenLayers6实战进阶案例》中的码解所有文章进行汇总整理,专栏中的码解收费系统 源码源码是基于OpenLayers6..1版本和Vue2框架编写的,同时兼容Vue3。码解部分文章使用了Element-UI库,码解以方便前端新手快速学习。码解考虑到许多人对Vue前端不熟悉,码解专栏特别增加了从Vue搭建脚手架到引入OpenLayers依赖的码解详细新手教程,并通过各种入门案例和综合性实战案例,码解帮助大家快速掌握Vue+OpenLayers6开发。码解
为了方便读者反馈和建议,码解特别设立OpenLayers系列-交流专区,码解欢迎提出问题和反馈。
OpenLayers6入门目录:
一、介绍
GIS开发入门,介绍OpenLayers、Leaflet、Maplibre-gl和Cesiumjs地图引擎,以及几种地图服务vms、vmts。
二、入门
三、地图控件
鹰眼控件、私人笔记源码地图缩放控件、比例尺控件、鼠标经过地图显示经纬度控件、全屏控件、网格标记线控件。
四、地图定位、缩放和可视范围跳转
无动画效果、平移效果、飞行效果、旋转效果、弹簧跳跃和弹跳效果。
五、事件监听
地图加载事件和加载完成事件、瓦片加载事件、鼠标移动事件、鼠标点击事件、与Vue组件联动弹框。
六、图层管理
七、各种类型地图瓦片图层加载(、xyz、超图、百度、高德、苹果飞刀源码天地图、谷歌地图、必应地图,wmts、wms、tms和wfs等)
八、叠加热力图
九、点、线、多边形、、动态、点聚合等多种图形叠加WebGL图层
十、格式化数据叠加(WFS格式、GeoJSON格式、wkt格式、TopoJson数据)
十一、动画
十二、图形绘制编辑拖拽
十三、其他
入门和实战分界线
Openlayers6实战进阶综合案例定位webgl图层运算符实战动画特效运动轨迹和迁徙图特殊图形绘制
三角形、菱形、矩形、平行四边形、五角星、六芒星、论坛担保源码扇形、四分之一圆、箭头、椭圆、半圆扇形、画圆环、测量距离和测量区域面积、框选地图放大
自定义控件气象风场
风场效果、台风/飓风动画轨迹
性能优化(瓦片加载速度优化)、坐标转换
未完,持续更新中...
Vue+OpenLayers6进阶专栏推荐:《OpenLayers扩展组件系列汇总目录:常用OpenLayers地图扩展组件ol-ext、ol-cesium、ol-layerswitcher、ol-geocoder和ol-wind等扩展库实战示例》
Delphi 7- Alexandria 完整源代码
TMS Async 是一个通信工具,专为简化 Delphi 和 C++Builder 软件的串行通信操作而设计。它提供了对 Windows 下串行端口访问的组件,通过事件驱动结构实现高效性能,确保所有后台工具都能顺利运行。
Delphi 7- Alexandria 完整源代码包含在使用 TMS Async 进行串行通信操作时所需的所有代码。这份源代码为开发者提供了详尽的指南和示例,帮助他们快速上手并应用 TMS Async 的强大功能。它能够处理各种通信需求,包括数据传输、接收和发送,以及错误检测和恢复。零的源码
使用 TMS Async,开发者可以轻松地实现复杂的数据交换,无需深入理解底层的串行通信协议。源代码中包含的示例程序展示了如何利用 TMS Async 的 API 来进行串行通信操作,涵盖了从设置端口参数到接收和发送数据的全过程。此外,代码中还包含了错误处理机制,确保在遇到通信错误时能够及时响应和恢复。
总之,Delphi 7- Alexandria 完整源代码结合了 TMS Async 强大功能,为开发者提供了一套高效、可靠的串行通信解决方案。这份资源不仅简化了串行通信的实现过程,还提高了代码的可维护性和可扩展性,使开发者能够专注于业务逻辑的开发,而无需担心通信细节。
地图偏移问题,如何解决?
话不多说,先上效果图以前在做项目时,经常会听到客户说,你们这个地图是哪来的,太丑了,能不能换成百度地图……高德也行……
大家生活中,基本上都已经习惯了使用百度地图和高德地图,而在做项目时,用这两个地图做为底图,也基本成为了标配。但在开发中使用这两个地图,会遇到一个拦路虎,坐标偏移问题。
全球现在用的最多的坐标,是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/),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。