上次给大家提供的openlayers对接百度地图有些问题,是因为没有进行分辨率设置,也没有进行相应的平面坐标转换,获取getURL的方法还是没有变化的
getURL: function (bounds) { var tilez=this.map.zoom-1; var res = this.map.getResolution(); var bbox = this.map.getMaxExtent(); var size = this.tileSize; var bx = Math.round((bounds.left - this.tileOrigin.lon) / (res * size.w)); var by = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * size.h)); tilez = tilez + 1; var x = bx.toString().replace("-","M"); var y = by.toString().replace("-","M"); var urlsNum = parseInt((bx + by) % this.url.length); var strURL = ""; strURL = this.url[urlsNum] + '?qt=tile&x='+x+'&y='+y+'&z='+tilez+'&styles=pl&udt=20140807'; return strURL; },
主要是前端调用时候的设置有所更改,在new map时需要传入两个参数
projection:"EPSG:900913",
displayProjection:"EPSG:4326"
以平面形式对接,
var tileOrigin = new OpenLayers.LonLat(0,28000);//这个参数在对接中还是稍微有y轴的偏移,考虑因该是百度平面坐标系不是基于web墨卡托投影,而这个用的是web墨卡托投影的方式却对接的。
var maxExtent = new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34);
new Layer的时候需要传入的opts = {
numZoomLevels:20,
maxResolution:262144,
maxExtent :maxExtent ,
tileOrigin :tileOrigin
}