openlayers6加载百度地图偏移问题解决_openlayers6+gcoord加载百度地图

openlayers6加载百度地图偏移问题解决

标题功能说明

openlayers升级到6版本后，3、4、5版本加载百度地图的代码，加载的地图发生了偏移,原始代码和偏移情况如下

let baiduSource = new TileImage({
                    projection: projection,
                    tileGrid: tilegrid,
                    tileUrlFunction: function (tileCoord, pixelRatio, proj) {
                        if (!tileCoord) {
                            return '';
                        }
                        let z = tileCoord[0];
                        let x = tileCoord[1];
                        let y = tileCoord[2]; 
                        return "http://online1.map.bdimg.com/onlinelabel/?qt=tile&x=" +
                            x + "&y=" + y + "&z=" + z +
                            "&styles=pl&scaler=1&udt=20191119";
                    },
                    crossOrigin: 'anonymous'
                });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

###解决方案

修改tileUrlFunction方法
详情：openlayers6加载百度地图偏移问题解决