maptalks.js icon indicating copy to clipboard operation
maptalks.js copied to clipboard

地图边缘zoom计算问题导致图层拼接不上

Open wordgold opened this issue 1 year ago • 5 comments

"maptalks": "^1.0.0-rc.33"

使用高德瓦片,使用 gcoord 转换为 wgs84

new maptalks.TileLayer('base', {
    urlTemplate: 'http://webrd{s}.is.autonavi.com/appmaptile?lang=zh_cn&style=8&x={x}&y={y}&z={z}',
    subdomains: ['01', '02', '03', '04'],
    offset (z) {
      const map = this.getMap()
      const center = map.getCenter()
      return map.coordToPoint(center, z)
        .sub(map.coordToPoint(
          new maptalks.Coordinate(
            gcoord.transform(center.toArray(), gcoord.AMap, gcoord.WGS84)
          ), z
        ))._round().toArray()
    }
  })

在地图边缘会出现有的瓦片zoom计算错误问题,往中心挪动就正常,到边缘表现为层级缩小,瓦片加载错误

image 边缘时瓦片上的文字明显较大 image 往中心稍微挪动一下后变小 image 往中心稍微挪动一下后变小


wordgold avatar Apr 18 '24 08:04 wordgold

请问大佬地图没有倾斜,没有旋转,为什么会出现各瓦片 zoom 层级不一致的问题呢?

wordgold avatar Apr 18 '24 08:04 wordgold

直觉上感觉和offset有关

fuzhenn avatar Apr 18 '24 08:04 fuzhenn

maybe same proble https://github.com/maptalks/maptalks.js/issues/2008

deyihu avatar Apr 22 '24 08:04 deyihu

@fuzhenn @deyihu 设置 map option: seamlessZoom: false 后规避了这个问题

wordgold avatar May 08 '24 08:05 wordgold

https://github.com/maptalks/maptalks.js/issues/1540

wordgold avatar May 08 '24 08:05 wordgold