如何將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

基本上使用proj4js中的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'); 

Answer 2

看來，有時候，使用的OpenLayers 3和proj4在角2時使用的WebPack一樣，我們需要明確告訴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"); 
    ... 
}