Openlayers - 为 View 设置特定的投影答案

【问题标题】：Openlayers - set specific projection for ViewOpenlayers - 为 View 设置特定的投影
【发布时间】：2021-02-19 03:59:19
【问题描述】：

如何为地图设置特定的投影？我在 Angular 10 上下文中使用 Openlayers 6。

地图在 EPSG:3857 中加载，我想通过投影 EPSG:28992 使用它。

尝试1：

proj4.defs["EPSG:28992"] = "+proj=sterea +lat_0=52.15616055555555 +lon_0=5.38763888888889 +k=0.9999079 +x_0=155000 +y_0=463000  +ellps=bessel  +towgs84=565.040,49.910,465.840,-0.40939,0.35971,-1.86849,4.0772 +units=m +no_defs";
register(proj4)
let dutchProjection = GetProjection('EPSG:28992');

this.map = new Map({
  layers: [
    new Tile({
      source: new XYZ({
        url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/brtachtergrondkaart/EPSG:3857/{z}/{x}/{y}.png',
      })
    }), this.vectorLayer
  ],
  view: new View({
    projection: dutchProjection,
    center: [173563, 441818],
    zoom: 10
  }),
  target: "map"
});

尝试 2：

let dutchProjection = new Projection({
  code: "EPSG:28992",
  units: "m",
  extent: [-285401.92, 22598.08, 595401.9199999999, 903401.9199999999]
});

this.map = new Map({
  layers: [
    new Tile({
      source: new XYZ({
        url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/brtachtergrondkaart/EPSG:3857/{z}/{x}/{y}.png',
      })
    }), this.vectorLayer
  ],
  view: new View({
    projection: dutchProjection,
    center: [173563, 441818],
    zoom: 10
  }),
  target: "map"
});

【问题讨论】：

您是如何使用 proj4j 的，能否展示您的导入？你还安装了哪些 npm 包？
软件包安装？ npm 安装 proj4； npm 安装@types/proj4。采用？请参阅下面的答案，这就是您所需要的。使用简单，见medium.com/runic-software/…

标签： openlayers openlayers-6 angular-openlayers

【解决方案1】：

受@Mike 答案的启发，此解决方案有效！选项 1 正确但有错误。

proj4.defs("EPSG:28992","+proj=sterea +lat_0=52.15616055555555 +lon_0=5.38763888888889 +k=0.9999079 +x_0=155000 +y_0=463000  +ellps=bessel  +towgs84=565.040,49.910,465.840,-0.40939,0.35971,-1.86849,4.0772 +units=m +no_defs");

【讨论】：