Openlayers中的比例尺（scale）和分辨率（resolution）

一、首先阐明几个概念：

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