2 - ol3ex 3a - Single image WMS with Proj4js projection example 1

「Single image WMS with Proj4js projection example(wms-image-custom-proj.html)」を参考に地図を表示してみます。
ここでは、Proj4js を使用するので、設定します。

2. Layers and sources の 2.2. Cached Tiles の 2.2.2.1.1.1. Alternative Projections に OpenLayers 3 がサポートしている座標を使用するには、次のスクリプトコードを追加するとあります。

<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/2.2.1/proj4.js" type="text/javascript"></script>
今回は、
OpenLayers and Proj4js
http://trac.openlayers.org/wiki/Documentation/Dev/proj4js

ここを参考にして、Proj4js を設定します。

1 ダウンロード
a 「Proj4js サイト（http://trac.osgeo.org/proj4js/）」の「Download」をクリックします。
b 「Download-Proj4js（http://trac.osgeo.org/proj4js/wiki/Download）」の「Proj4j 1.3.1 and later」の「https://github.com/proj4js/proj4js/releases」をクリックします。
c  「Release proj4js/proj4js（https://github.com/proj4js/proj4js/releases）」の「Latest release」の「2.2.2」（2014.9.18 現在）の「Source code (zip)」または「Source code (tar.gz)」ボタンをクリックします。

2 インストール
a ダウンロードした  proj4js-2.2.2.zip を解凍します。
user@debian7-vmw:~/ダウンロード$ unzip proj4js-2.2.2.zip
b proj4js フォルダを ol3proj に移動します。
user@debian7-vmw:~/ダウンロード$ mv proj4js-2.2.2 ../mapsite/ol3proj/
c 解凍されたフォルダの proj4js/dist/（任意） に定義ファイル EPSG:2451 を EPSG:2451 を作成します。
データは、/usr/share/proj のものを使用します。
user@debian7-vmw:/usr/share/proj$ grep -A1 2451 epsg<2451> +proj=tmerc +lat_0=36 +lon_0=139.8333333333333 +k=0.9999 +x_0=0 +y_0=0 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs  <>
# JGD2000 / Japan Plane Rectangular CS X
--

EPSG:2451 の定義ファイル EPSG2451.js を 次の内容で proj4js/lib/defs/ に作成します。
proj4.defs("EPSG:2451","+proj=tmerc +lat_0=36 +lon_0=139.8333333333333 +k=0.9999 +x_0=0 +y_0=0 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs");