openlayer如何加载百度地图的代码
时间: 2023-11-17 15:50:51 浏览: 87
可以使用以下代码实现openlayer加载百度地图:
var baiduLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
projection: 'EPSG:3857',
tileUrlFunction: function(tileCoord, pixelRatio, proj) {
var urlTemplate = 'http://online{n}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles={styles}&scaler=1&p=1';
var x = tileCoord[1];
var y = tileCoord[2];
var z = tileCoord[0];
var hash = (x << 16) + (y << 8) + z;
var subdomain = Math.abs(hash % 10);
var styles = 'pl';
return urlTemplate.replace('{x}', x).replace('{y}', y).replace('{z}', z).replace('{styles}', styles).replace('{n}', subdomain);
},
wrapX: false
})
});
var map = new ol.Map({
layers: [
baiduLayer
],
target: 'map',
view: new ol.View({
center: ol.proj.fromLonLat([116.40, 39.90]),
zoom: 12
})
});
阅读全文