openlayers4加载百度地图 百度影像图 谷歌地图 谷歌影像图

// 自定义分辨率和瓦片坐标系var resolutions = [];var maxZoom = 18;// 计算百度使用的分辨率for (var i = 0; i <= maxZoom + 1; i++) {resolutions[i] = Math.pow(2, maxZoom - i);}var tilegrid = new ol.tilegrid.TileGrid({origin: [0, 0], // 设置原点坐标resolutions: resolutions // 设置分辨率});// 创建百度行政区划var baiduSource = new ol.source.TileImage({tileGrid: tilegrid,tileUrlFunction: function(tileCoord, pixelRatio, proj) {var z = tileCoord[0];var x = tileCoord[1];var y = tileCoord[2];// 百度瓦片服务url将负数使用M前缀来标识if (x < 0) {x = 'M' + (-x);}if (y < 0) {y = 'M' + (-y);}// return "http://online0./onlinelabel/?qt=tile&x=" + x + "&y=" + y + "&z=" + z + "&styles=pl&udt=0115&scaler=1&p=1";//streetreturn 'http://online' + parseInt(Math.random() * 10) + './onlinelabel/?qt=tile&x=' +x + '&y=' + y + '&z=' + z + '&styles=pl&udt=0620&scaler=1&p=1';}});// 百度影像var baiduSourceRaster= new ol.source.TileImage({tileGrid: tilegrid,tileUrlFunction: function(tileCoord, pixelRatio, proj) {var z = tileCoord[0];var x = tileCoord[1];var y = tileCoord[2];// 百度瓦片服务url将负数使用M前缀来标识if (x < 0) {x = 'M' + (-x);}if (y < 0) {y = 'M' + (-y);}return 'http://shangetu' + parseInt(Math.random() * 10) + './it/u=x=' + x +';y=' + y + ';z=' + z + ';v=009;type=sate&fm=46&udt=0606';}});// 百度标注var baiduSourceLabel = new ol.source.TileImage({tileGrid: tilegrid,tileUrlFunction: function(tileCoord, pixelRatio, proj) {var z = tileCoord[0];var x = tileCoord[1];var y = tileCoord[2];// 百度瓦片服务url将负数使用M前缀来标识if (x < 0) {x = 'M' + (-x);}if (y < 0) {y = 'M' + (-y);}return 'http://online' + parseInt(Math.random() * 10) + './onlinelabel/?qt=tile&x=' +x + '&y=' + y + '&z=' + z + '&styles=sl&udt=0620&scaler=1&p=1';}});// 百度行政区划var baiduMapLayer = new ol.layer.Tile({source: baiduSource});// 百度地图标注var baiduMapLayerLabel = new ol.layer.Tile({source: baiduSourceLabel});//百度地图影像var baiduRasterLayer = new ol.layer.Tile({source: baiduSourceRaster});//谷歌行政区划var googleMapLayer = new ol.layer.Tile({source: new ol.source.XYZ({url: '/maps/vt/pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i345013117!3m8!2szh-CN!3scn!5e1105!12m4!1e68!2m2!1sset!2sRoadmap!4e0'})});//谷歌影像var googleRasterLayer = new ol.layer.Tile({source: new ol.source.TileImage({ url: '/vt/lyrs=y&hl=zh-CN&gl=CN&src=app&x={x}&y={y}&z={z}&s=G' }),visible: false});