如何将 OpenLayers 3 与 Proj4js 一起使用

Question

我正在做一个地图查看器项目，在此之前使用过 openlayers 2。现在我必须使用 OpenLayers 3，地图查看器应用程序应该支持许多不同的投影，因为我有来自不同来源和投影的 wms 和 wfs 图层。我找到了使用 openlayers2 和 proj4js 的示例。但是我找不到使用 ol3 和 proj4js 的明确示例。你有什么建议？

Answer 1

此示例演示如何将 proj4js 与 ol3 一起使用：http://openlayers.org/en/v3.3.0/examples/wms-image-custom-proj.html

基本上在 OpenLayers 3 中使用 proj4js 是透明的。需要先把srs定义丢到proj4js，然后就可以马上使用投影了：

proj4.defs("EPSG:21781","+proj=somerc +lat_0=46.95240555555556 +lon_0=7.439583333333333 +k_0=1 +x_0=600000 +y_0=200000 +ellps=bessel +towgs84=660.077,13.551,369.344,2.484,1.783,2.939,5.66 +units=m +no_defs");
var zurich = ol.proj.transform([8.55, 47.366667], 'EPSG:4326', 'EPSG:21781');

Answer 2

似乎有时候，比如在Angular 2 中使用webpack 使用OpenLayers 3 和proj4 时，需要明确告诉OL3 在哪里可以找到它：

import * as proj4 from "proj4";
import * as ol from "openlayers";
...
ol.proj.setProj4(proj4);

如果一切正常，那么在定义投影后，ol.proj.get应该return它：

proj4.defs("EPSG:28992", "...");
if (!ol.proj.get('EPSG:28992')) {
    console.error("Failed to register projection in OpenLayers");
    ...
}

如何将 OpenLayers 3 与 Proj4js 一起使用

How to use OpenLayers 3 with Proj4js

openlayers

gis

projection

openlayers-3

proj4js