使用纠偏功能范例代码加载高德瓦片，采用maxZoom: 20, maxAvailableZoom: 18的配置，当放大到20倍时，瓦片之间有较大的缝隙，18倍及以下很完美。

[WJLogic]

问题如题，官方范例代码如下（有轻微调整）
`

<script type="text/javascript" src="./lib/plugins/maptalks-gl.js"></script> <title>Debug</title> <style> html, body { margin: 0px; height: 100%; width: 100%; } .map { width: 100%; height: 100%; border: 1px solid; } .pane{background:#34495e;line-height:28px;color:#fff;z-index:10;position:absolute;top:20px;right:20px} .pane a{display:block;color:#fff;text-align:left;padding:0 10px;min-width:28px;min-height:28px;float:left} </style>

Show layerHide Layer

<script> var center = new maptalks.Coordinate([121.175522, 36.500014]); var map = new maptalks.Map('map', { "center": [121.175161,36.500391], "zoom": 16, "pitch": 0, "bearing": 0, scaleControl: true, zoomControl: { 'position' : 'top-left', 'zoomLevel' : true }, minZoom: 3, maxZoom: 20, maxAvailableZoom: 18, baseLayer: new maptalks.TileLayer('base', { 'urlTemplate': 'https://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=urtk', 'subdomains': ['1', '2', '3', '4', '5'], attribution: '© TianDitu' }) });

var wgslayer = new maptalks.TileLayer('base', {
  pyramidMode: 1,
        maxAvailableZoom: 18,      
  offset: function (z) {
    //实时计算wgs84和gcj02瓦片的偏移量
    const center = map.getCenter();
    const c = maptalks.CRSTransform.transform(center.toArray(), 'GCJ02', 'WGS84');
    const offset = map.coordToPoint(center, z).sub(map.coordToPoint(new maptalks.Coordinate(c), z));
    return offset._round().toArray();
  },
  //debug: true,
  //opacity: 0.5,
  'urlTemplate': 'http://webst{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=6&x={x}&y={y}&z={z}',
  'subdomains': ['01', '02', '03', '04'],
  attribution: '© AMaps'
});

wgslayer.addTo(map);

  var point = new maptalks.Marker(
    [121.175161,36.500391],
    {
    'symbol' : {
      'markerType': 'ellipse',
      'markerFill': 'red',
      'markerFillOpacity': 1,
      'markerLineColor': '#34495e',
      'markerLineWidth': 3,
       'markerLineOpacity': 1,
       'markerLineDasharray':[],
       'markerWidth': 5,
       'markerHeight': 5,
       'markerDx': 0,
       'markerDy': 0,
       'markerOpacity' : 1
     }
    }
  );

  new maptalks.VectorLayer('vector', point).addTo(map);
  
  
  function show() {
    wgslayer.show();
  }

  function hide() {
    wgslayer.hide();
  }

      </script>
    </body>
  </html>

`

[deyihu]

@WJLogic https://mdpress.glicon.design/p/5enoiCkUaADcSh76yCKjp/TUCENG/tilelayer.html#%E6%80%8E%E6%A0%B7%E7%93%A6%E7%89%87%E7%BA%A0%E5%81%8F

[WJLogic]

@WJLogic https://mdpress.glicon.design/p/5enoiCkUaADcSh76yCKjp/TUCENG/tilelayer.html#%E6%80%8E%E6%A0%B7%E7%93%A6%E7%89%87%E7%BA%A0%E5%81%8F

首先表示感谢！
我重新试了一下，情况如下：
1、使用高德矢量底图，应该是一切没有问题。至少瓦片间的白色拼接缝没有轻易发现。
2、使用高德卫星影像图源，使用上述教程仍旧会出现白色的拼接缝（横的、竖的都有），尤其是在较高级数的情况下拖动地图，会三五根的出现。如图所示：

测试链接

使用leaflet的相关偏移插件，经测试是没有问题的。测试链接

[deyihu]

@WJLogic 方法2也有问题吗？即tileclip插件来处理？

[WJLogic]

@deyihu 按照方法2问题已解决，非常感谢！
最后，希望maptalks发展的越来越好。作为初级用户，也在此给开发组提一个小小的建议：1、希望开发组得闲能把文档整理一下，线上开发文档多多少少有些过时了，线上api库对应的源码仓库应该是已经搬迁了，点击已经404了。总的来说不利于maptalks的发展和推广。2、看大多数开源项目，在根目录处就能看出采用的是什么开源协议。maptalks似乎是采用的bsd-2，但是不是因为在目录深处，GitHub识别不出来。还是说，采用的别的协议。我觉得不管什么协议，声明更加明显一点也更有利于maptalks的发展。
感谢！