openlayers加载矢量数据，图标缩放的问题

最新推荐文章于 2025-06-27 21:23:31 发布

星月前端

最新推荐文章于 2025-06-27 21:23:31 发布

阅读量207

点赞数 4

CC 4.0 BY-SA版权

文章标签：前端 javascript vue arcgis

本文链接：https://blog.csdn.net/qq_61950936/article/details/146170411

openlayers加载矢量数据，图标缩放的问题

如果缩放的级别不是整数，矢量图会延用相近缩放级别的图，就会造成图像模糊（被缩小或者放大），解决办法，关闭无级缩放，详见下边代码。

const projection = new Projection({
      code: `EPSG:${SYSTEM_SHOW_SRID}`, // 4490
      units: 'degrees',
      global: false,
    });
    this.projection = projection;
    const map = new Map({
      target: mapDiv,
      layers: [],
      view: new View({
        projection,
        minZoom: 7,
        maxZoom: 21,
        //1.设置缩放级别为整数 
        constrainResolution: true, 
        //2.关闭无级缩放地图
        smoothResolutionConstraint: false,
      }),
      controls: [],
    });