美文网首页
驻场外包前端日记(二):如何正确下载天地图瓦片

驻场外包前端日记(二):如何正确下载天地图瓦片

作者: 黄永熙_ | 来源:发表于2020-05-15 04:20 被阅读0次

本文只分享相当强烈屌丝的解决过程,主要表达年近三十准中年男人陷入职业黄昏的落寞心境,并非技术向文章。

最近现场又遇到个地图相关需求,客户想要在我们的项目上对接天地图,不管其他应用实际上是放在互联网还是什么网,反正他们就是要看见我们的项目呈现的天地图,而中国天地图是放在互联网,项目部署的环境在内网,关他们什么事,他们就是要看天地图。这对于东莞团队地图能力天花板——边缘开发小黄来说,又是一个挑战,嘤嘤嘤。

作为一个前端选手,自我增值意义不大,毕竟这极低概率是互联网大厂的面试题。但我明白到自己的定位,远距离去看,就是一只平凡的社畜,近距离看,就是一个外包仔,服务客户是第一位,用什么手段不重要,代码写得再清秀也不一定是我的KPI,前端工程师是最不重要的身份。

实际上驻场差不多两年,基本上隔一段时间都有这方面的需求,对在全国各地项目里对接(leaflet通用api对接,之前一篇文章已经提过)各种奇奇怪怪的地图,手法层出不穷,手段可以总结两类:
1、在不确定坐标系和地图服务符合标准的情况下,通过修改配置参数直接蒙对的,当然不是瞎蒙,看看他们地图示例的参数,再瞎几把猜。
2、在知道地图服务经过魔改的地图服务的情况下,反编译地图厂商的jssdk,抽出关键逻辑重写(幸好他们用也是leaflet)成功蒙对的。

而这次,是内网连地图服务都没有的情况下,用离线瓦片造一个“地图服务”实现的。

在接到这个需求时,其实我没有第一时间选择这个如此“民科”的解决方向,而是通过从外网到内网经过一系列转发机制(所谓的摆渡?)来实现需求。但又想到,我只是个前端,怎么能在服务器上大动干戈——当然我也不怎么会搞这个,可行性太低。那只能继续走这条土味前端民间科学路线,最大原则是千万别浪费时间通过极客手段去解决问题。

所以一切问题就转移到寻找下载工具去搞到天地图的离线瓦片。

首先,尝试公司前端团队以前提供的下载工具,发现这团队打击盗版做得太好,已经用不了,大概百度了2小时,依然找不到可用的破解版,正版的话要好几千快,干成了这个相当于差不多白干一个月,想到这里,眼泪都快要出来。在心态快要崩掉的时候,脑海浮现出马化腾的表情包,附上文案“不充钱怎么变强”。但一旦充钱,性质就变了,一块厕纸,一条内裤,都应该有不屈的时候。所以接下来的一个小时,我继续通过百度寻找其他下载工具,事实就是,想要达到目的,好像还是要充钱。在这个过程中还被骗进了这些工具的客户交流QQ群。

然后,我扩展了一下思路,在github上面找,确实有不少网友提供了相关代码——但都是以练习为主,下载下来后基本跑不通,我没有耐心帮他们调试代码,好事是了解到理论上写代码可实现,不失为一个nodejs或者pyhton的场景化练手项目。

最后,我向人生导师\报社地图战力天花板\莞城区TOP3 PHPer选手\前端工程化爱好者\前同事阿英求助:如果他说没有方案,不是令我最崩溃的,最崩溃的是,他说直接帮我下载。那么一刻,我仿佛受到了高维生物的残酷打击。在他帮我下载测试瓦片的几十分钟过程中,我进行了深刻的自我反省,归根究底,是百度搜素关键词打的不对。

用他介绍的工具——moblie atlas creator去搜,一下子就能搜出解决方案:https://www.jianshu.com/p/f5b82494f333
当时令我有点生气,又觉得这个工具名字有问题,太不民科了,正常的文盲怎么能搜得出来。而命名这么geek的工具,居然支持中文且可视化操作,非常迷幻。
那么下载步骤就如同上述地址,不过亲测地图源配置似乎有问题,可用我如下配置:

地图源配置项
主要是域名和图层配得有问题,像我这样整就可以在本地环境下完整呈现选定区域天地图,不要细究地图源得配置,我也是在天地图官网打开网络调试器抓包蒙出来的。

在获得离线瓦片后,我大概花了5分钟编码兼容这堆瓦片,在已知坐标系情况下,百度一搜就能搜出来,毫无技术含量。就不贴代码了,没什么好贴的。

至此整个过程到了尾声,分享结束。对大部分同行没什么卵用,因为他们根本不需要做这种需求。但可能对某些迷失在内网环境的外包仔有点用。在此再次祝愿世间每一个外包仔都能被温柔以待。

相关文章

  • 驻场外包前端日记(二):如何正确下载天地图瓦片

    本文只分享相当强烈屌丝的解决过程,主要表达年近三十准中年男人陷入职业黄昏的落寞心境,并非技术向文章。 最近现场又遇...

  • 驻场外包前端日记

    最近遇到一个需求,让我陷入知识盲区。 页面有一张东莞地图,然后以30多个镇区作为区块,鼠标点击或者划过的时候,该区...

  • QGIS下载地图瓦片

    1.下载安装QGIS桌面版 下载QGIS下载地址 下载完成后默认安装即可 打开桌面应用 2.安装...

  • 常见地图瓦片的下载和调用(Openlayers)

    瓦片下载工具:全能电子地图下载器。 1、OSM(OpenStreeMap)地图(坐标系EPSG:3857) (1)...

  • cesium三维GIS开发实践(三)

    一、影像文件的下载 1、某地图下载器下载高德影像文件,为了方便,只下载了全球前7级的瓦片数据。2、导出成TMS瓦片...

  • 2020-06-10

    iOS在高德地图上展示谷歌瓦片地图 特别提醒:请下载高德地图3D版本SDK,2D版本加载层级有限。 谷歌瓦片URL...

  • 地图瓦片整体介绍

    地图瓦片整体介绍 如今互联网地图的地图内容分为两种,一种是栅格地图瓦片,一种是矢量地图瓦片。 栅格地图瓦片 栅格地...

  • Openlayer4加载ArcGIS离线瓦片地图

    Openlayer4加载ArcGIS离线瓦片地图 本来以前是用openlayer2,在太乐地图下载的地图,会有模版...

  • 工作中的能动性&及时反馈

    目前在做的一个银行项目,涉及的人员有银行购买的产品所在公司的驻场人员和像我一样的驻场外包人员(人员外包),还有几个...

  • 离线瓦片下载代码分享

    整理了下载天地图、OSM、谷歌、高德等常用地图的瓦片下载代码,可直接运行下载。可以作为学习使用,或在此基础上丰富功...

网友评论

      本文标题:驻场外包前端日记(二):如何正确下载天地图瓦片

      本文链接:https://www.haomeiwen.com/subject/qdfqohtx.html