继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

node 爬取瓦片制作自己的地图服务

慕标5832272
关注TA
已关注
手记 1263
粉丝 233
获赞 1008

由于很多时候需要在封闭的环境下使用地图底图, 写了一个爬取在线地图瓦片作为静态地图服务器的简单程序, js 代码 180 行, html 不到 10行, 废话不多说直接 github源码

展示

webp

使用方法

  • 启动服务

  npm install
  node app.js || npm run dev
  • 在本地浏览器中打开 client/index.html

  • 在页面中滚动鼠标 leaflet 插件会去请求地图瓦片

爬虫

app.js

  • 服务器接收瓦片请求并判断是否存在该瓦片。

  • 存在瓦片则返回瓦片, 不存在则加入缓存等待下载。

downloadMap.js

  • 缓存链接到数组内。

  • 服务端会每隔1秒检查数组内是否有链接 有则去下载。

地图相关

  • Arcgis 官方使用插件 dojo.js 来接入地图底图。

  • dojo.js 除了展示底图几乎一无是处, dojo.js 和 require.js 有冲突。

  • Arcgis 工具分为制作底图的客户端 ArcMap, 服务器 Arcgis Server。

  • leaflet 有相当多的接口和插件来制作地图工具。

  • ArcMap 在发布服务时一定要设置好参数, 不然 leaflet 不能接入底图



作者:liyang的技能树
链接:https://www.jianshu.com/p/c2b1e1b68e41


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP