openlayer在使用百度在线瓦片图的时候容易发生图片模糊和位置偏移,其中讨论的最激烈的是https://github.com/openlayers/openlayers/issues/3522
其中提及了maptalks(另外一种地图库)可以很好的解决模糊和偏移,所以本demo的目标就是这样。
![](https://images.xiaozhuanlan.com/photo/2021/14123fe653ce17afea09211b35373893.png)
var zoom = 15;
var maxZoom = 20;
var bd09Extent = [-20037726.37, -12474104.17, 20037726.37, 12474104.17];
var baiduMercator = new ol.proj.Projection({
code: "baidu",
extent: bd09Extent,
units: "m"
});
ol.proj.addProjection(baiduMercator);
ol.proj.addCoordinateTransforms("EPSG:4326", baiduMercator, projzh.ll2bmerc, projzh.bmerc2ll);
ol.proj.addCoordinateTransforms("EPSG:3857", baiduMercator, projzh.smerc2bmerc, projzh.bmerc2smerc);
var bmercResolutions = [];
for (var i = 0; i |