在 debug 模式时，瓦片 debug 边线绘制出错

[sakitam-fdd]

maptalks's version and what browser you use?

1.0.0-rc.28

Issue description

const rasterLight = new maptalks.TileLayer('light', {
  urlTemplate: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png',
  subdomains: ['a', 'b', 'c', 'd'],
  debug: true,
});

在 debug 模式时，瓦片 debug 边线绘制出错（仅出现在 gl 模式）

Please provide a reproduction URL (on any jsfiddle like site)

https://codepen.io/sakitam-fdd/pen/LYaxpmx

[sakitam-fdd]

刚看了一下似乎 uv 坐标有问题

有两种解决方案：

1. 直接绘制 4 次

目前瓦片都是相邻的，少的一条边会被另外一个瓦片补上，似乎看起来问题也不大

gl.drawArrays(gl.LINE_STRIP, 0, 5) => gl.drawArrays(gl.LINE_STRIP, 0, 4);

2. 重新绑定一个 texBuffer

gl.bindBuffer(gl.ARRAY_BUFFER, this.texBuffer);
this.enableVertexAttrib(['a_texCoord', 2, 'UNSIGNED_BYTE']);

gl.bufferData(gl.ARRAY_BUFFER, new Uint8Array([
    0.0, 0.0,
    0.0, 1.0,
    1.0, 0.0,
    1.0, 1.0,
    0.0, 0.0,
]), gl.STATIC_DRAW);

但是这是一个错误的纹理坐标，虽然不影响真正绘制

3. 还有一种方案：debug 绘制和瓦片绘制使用不同的 program

[deyihu]

复现地址里没有发现问题

[sakitam-fdd]

倾斜一下地图看看

[deyihu]

我再次验证了下，确实么偶发现问题

[sakitam-fdd]

@deyihu 我在 windows 下测试确实没问题，mac 下似乎不行 macos 11.x 12.x 13.x 似乎都不行，14.x 没有机器暂时测不了