注意:
这个方法是openlayers加载百度的在线服务瓦片图层,openlayers加载百度地图坐标会有偏差,引入一个坐标转换源文件即可,这种方法可以将偏差降低最小,文件内容参照https://blog.csdn.net/du_5pet/article/details/86679606
var baidu = new ol.layer.Tile({
source: new ol.source.XYZ({
projection: 'baidu',
maxZoom: 18,
tileUrlFunction: function(tileCoord) {
var x = tileCoord[1];
var y = tileCoord[2];
var z = tileCoord[0];
// return "http://online3.map.bdimg.com/tile/?qt=vtile&x="+x+"&y="+y+"&z="+z+"&styles=pl&udt=udt=20170908&scaler=1&p=1"
return "http://online3.map.bdimg.com/onlinelabel/?qt=tile&x="+x