如何将OpenLayers 3与Proj4js结合使用

Question

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

Answer 1

有时，就像webpack在角2中使用OpenLayers 3和proj4一样，人们需要明确地告诉OL3在哪里可以找到它：

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

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

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

Answer 2

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

基本上，在proj4js 3中使用OpenLayers 3是透明的。您需要首先在proj4js上抛出srs定义，然后可以立即使用投影：

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');