Leaflet的zoom层级-天地图层级之间的关系

最新推荐文章于 2025-04-13 14:47:14 发布

原创

最新推荐文章于 2025-04-13 14:47:14 发布 · 742 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #leaflet

Leaflet的tileLayer请求地址分析

天地图的瓦片服务地址：
http://t1.tianditu.com/img_c/wmts?layer=img&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}&tk
真实请求：
http://t1.tianditu.com/cva_c/wmts?layer=cva&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix=2&TileCol=3&TileRow=1&tk=
特别注意的是其中：z是请求的瓦片层级。

在leaflet中tileLayer的请求地址z跟leaflet的zoom层级之间的关系默认是当前zoom层级是多少，则这个z的值就是多少，如果在tileLayer的options参数设置了zoomOffset，则请求的时候，z值会变成当前zoom层级+zoomOffset。
leaflet的文档说明

zoom层级跟坐标系的关系

如果在crs中设置的scale层级，则zoom跟sacle层级是一一对应。

天地图服务

天地图的瓦片默认是从第一级开始才有瓦片，则leaflet的zoom层级为0的时候跟天地图加载的时候是有第0级的偏差。

天地图默认调用国际级的可用比例尺的为1到18级，而调用省市服务可放大到20级，以下为天地图1到20级的比例尺：

L1        1:295829355.45456564
L2        1:147914677.72728282
L3        1:73957338.863641411
L4        1:36978669.431820706
L5        1:18489334.715910353
L6        1:9244667.3579551764
L7        1:4622333.6789775882
L8        1:2311166.8394887941
L9        1:1155583.419744397
L10      1:577791.70987219852
L11       1:288895.85493609926
L12       1:144447.92746804963
L13       1:72223.963734024815
L14       1:36111.981867012408
L15       1:18055.990933506204
L16       1:9027.9954667531019
L17       1:4513.997733376551
L18       1:2256.9988666882755（20m）
L19       1:1128.4994333441377
L20       1:564.24971667206887（5m）

参考：天地图各级比例尺

解决方案

第一种：

在使用tileLayer叠加天地图的瓦片的时候，设置zoomOffset参数值为1，然后再地图容器zoom层级0的时候，实际是在请求天地图的第1级瓦片。

 var map = L.map('map', {
   
   
      crs: L.CRS.EPSG4326,
      minZoom: 0,
      maxZoom:

最低0.47元/天解锁文章