一、首先阐明几个概念：
1、Scale：比例尺，图上距离和实地距离之比。
2、Resolution：分辨率，每个象元代表的实地距离（map units per pixels）。
3、Extent：地图的范围（地图四至）。
4、zoomlevel：缩放的级别（0~15）。
注：因为这几个变量均为对”地图显示“的量化描述，因此均有最大和最小值。
5、map，baselayer：map即地图，其size也是决定显示的因素。baselayer相当于一个地图中的底图，许多尺度变换函数均在baselayer类中实现，所以map中必须添加baselayer。
在Openlayers中如要正确显示一副地图，则上面的变量必须要正确设置，但不一定全部设置，全部设置，计算不正确的话可能导致冲突。可选择设置部分，其余由Openlayers自动计算。
二、scale 和 Resolution 的相互转化。
按照Openlayers中的概念，分比率是比较好计算的，比如直接取地图实际宽度（或高度）和地图div（以像素为单位）大小之比，就得到了该缩放级别下的分辨率。假设：地图单位是米，在某个缩放级别L下的分辨率为R，如何得到该缩放级别L的比例尺？
Scale是图上距离和实地距离之比，现在我们有的是地图的
屏幕距离（以像素为单位），实地距离和分辨率，很显然，我们只要得到
图上距离即可。问题转化为如何由
屏幕距离+分辨率，求图上距离。解决问题的关键是dpi, dots per inches，or
pixels per
inches。Openlayers假定其接受的地图图片均为72dpi，即72的像素点有一英寸的长度，即屏幕上的地图图片中，72个像素点就是一英寸的长度。现在问题基本上有头绪了，就屏幕距离（像素为单位）通过72dpi这个值，转换为图上距离。假设屏幕距离为P，分辨率为R，则比例尺S为:
实地距离：
R * P
图上距离：
(P / 72) / 39.3701 = P / (72*39.3701)
比例尺：
S = P / (72*39.3701) / R*P = 1 / R*72*32.3701
39.3701是inches和米的对应关系。Openlayers专有对象定义了这样的对应关系，为的就是能对于不同投影，不同单位的地图得到一个大概的比例尺。
OpenLayers.INCHES_PER_UNIT =
{
'inches': 1.0,
'ft': 12.0,
'mi': 63360.0,
'm': 39.3701,
'km': 39370.1,
'dd': 4374754,
'yd': 36 };
Openlayers中也有这个一个定义：OpenLayers.DOTS_PER_INCH = 72;即前文中提到的dpi。
当然由Scale反算Resolution也很简单，关键是要知道单位，Units。
1、比例尺转分辨率
//比例尺改变事件监听
Bus.$on("changeScale", val => {
//默认dpi
const DEFAULT_DPI = 25.4 / 0.28;
//每米多少英寸
const inchesPerMeter = 1000 / 25.4;
var readyToChangeResolution = 0;
//如果是度分秒的话需要转换为米
if(self.map.getView().getProjection().getUnits() != 'metric'){
readyToChangeResolution = 1/(val*self.map.getView().getProjection().getMetersPerUnit() * inchesPerMeter * DEFAULT_DPI);
}else{
readyToChangeResolution = 1 / (val * inchesPerMeter * DEFAULT_DPI);
}
this.changeScale(readyToChangeResolution);
});2、分辨率转比例尺
// 监听分辨率变化，通过dpi和像素关系（比例尺=dpi/0.0254*分辨率）输出比例尺
this.map.getView().on('change:resolution', function(){
//默认dpi
const DEFAULT_DPI = 25.4 / 0.28;
//每米多少英寸
const inchesPerMeter = 1000 / 25.4;
var currentScale = 1;
//如果是度分秒的话需要转换为米
if(self.map.getView().getProjection().getUnits() != 'metric'){
currentScale = self.map.getView().getResolution()*self.map.getView().getProjection().getMetersPerUnit() * inchesPerMeter * DEFAULT_DPI;
}else{
currentScale = self.map.getView().getResolution() * inchesPerMeter * DEFAULT_DPI;
}
const mapScale =
'1 : ' + Math.round(currentScale).toLocaleString();
console.log(mapScale)
});*注意事项：上述DEFAULT_DPI 来自openlayers（6.x）源码中的比例尺 早期openlayers版本中的dpi可能有所不同，详情可查询所使用openlayers版本的源码进行确认
转自：https://blog.csdn.net/weixin_43461143/article/details/100928448
https://www.csdn.net/tags/NtjaUg1sNDg0OTUtYmxvZwO0O0OO0O0O.html