maptalks.js
maptalks.js copied to clipboard
地图边缘zoom计算问题导致图层拼接不上
"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计算错误问题,往中心挪动就正常,到边缘表现为层级缩小,瓦片加载错误
边缘时瓦片上的文字明显较大
往中心稍微挪动一下后变小
往中心稍微挪动一下后变小
请问大佬地图没有倾斜,没有旋转,为什么会出现各瓦片 zoom 层级不一致的问题呢?
直觉上感觉和offset有关
maybe same proble https://github.com/maptalks/maptalks.js/issues/2008
@fuzhenn @deyihu 设置 map option: seamlessZoom: false 后规避了这个问题
https://github.com/maptalks/maptalks.js/issues/1540