本文涉及的核心内容
- 瓦片边界可视化-VisibleTileBoundaries
- meethigher/visible-tile-boundaries: visible tiles boundaries demo
一、瓦片边界可视化
1.1 背景
日常GIS开发中,需要了解瓦片是什么,瓦片展示的效果是什么样的。这种口头上抽象的东西,需要一个具象化的呈现,于是就诞生了这篇文章里实现的demo。
对于瓦片数据来说,整个世界都是正方形的,如下图。可通过工具瓦片边界可视化-VisibleTileBoundaries进行体验。

瓦片数据按层级划分如下
| zoom level | edge length | number of tiles |
|---|---|---|
| 0 | 1 | 1*1 |
| 1 | 2 | 2*2 |
| 2 | 4 | 4*4 |
| 3 | 8 | 8*8 |
| 4 | 16 | 16*16 |
| 5 | 32 | 32*32 |
| 6 | 64 | 64*64 |
| 7 | 128 | 128*128 |
| 8 | 256 | 256*256 |
| 9 | 512 | 512*512 |
| 10 | 1024 | 1024*1024 |
| 11 | 2048 | 2048*2048 |
| 12 | 4096 | 4096*4096 |
| 13 | 8192 | 8192*8192 |
| 14 | 16384 | 16384*16384 |
| 15 | 32768 | 32768*32768 |
| 16 | 65536 | 65536*65536 |
| 17 | 131072 | 131072*131072 |
| 18 | 262144 | 262144*262144 |
| 19 | 524288 | 524288*524288 |
edge length = 2^(zoom level)
源码地址为meethigher/visible-tile-boundaries: visible tiles boundaries demo
1.2 参考
clockworkmicro/tile-boundaries: Tile-boundaries adds tile boundaries to your Leaflet map
Tiles à la Google Maps: Coordinates, Tile Bounds and Projection | No code | MapTiler
二、换个角度看自研
之前我一直在抨击“遥遥领先”不要脸,换皮开源、魔改开源,却说完全自研。但是最近改观了。
这几天我在访问leaflet的官方文档,因为要写这个瓦片可视化的小工具。
之前一直没有弹窗,但是今天2024年06月10日突然来了个弹窗,内容如下

我第一时间查看该页面的修改时间,发现是2024年04月01日更新,但是我最近访问还是第一次弹窗出来这个,可能是缓存的原因?算了这个先不纠结。
弹窗内容的大致含义是,leafet的创建者是乌克兰人,leaflet的维护者希望借此获取大众对乌克兰的支援,否则leatlet就没有未来了,这将会影响到使用leaflet的每一个人。
我作为旁观者,更多的是感叹。照这样子看来,世界上并没有纯粹的技术,全都是夹杂着各种复杂的因素在里面,不可避免的是夹杂着政治因素的。
从政治角度来看,管他是不是真自研呢,管他是不是抄作业呢。只要不受限于对方就够了,也就是说,现在那些自研走的方向,师夷长技以制夷,完全正确!
治角度来看,管他是不是真自研呢,管他是不是抄作业呢。只要不受限于对方就够了,也就是说,现在那些自研走的方向,师夷长技以制夷,完全正确!







![第十五届蓝桥杯pb组国赛E题[马与象] (15分)BFS算法 详解](https://img-blog.csdnimg.cn/direct/75ab336a822c4efcafbb9345b00e298b.jpeg)











