2015年7月30日木曜日

17 - Proj4js を使用した座標変換

座標変換に以前のバージョンの Proj4js を使用します。

17-1 ダウンロード

Proj4js サイト
http://trac.osgeo.org/proj4js/

の「Starting Points」の「Download」をクリックします。

Download-Proj4js
http://trac.osgeo.org/proj4js/wiki/Download

の「Proj4js 1.1.0」の「​http://download.osgeo.org/proj4js/proj4js-1.1.0.zip」をクリックし、ファイルを保存します。

17-2 インストール
ダウンロードした ​proj4js-1.1.0.zip を解凍します。

nob61@deb8-vmw:~$ cd ダウンロード
nob61@deb8-vmw:~/ダウンロード$ ls
---
proj4js-1.1.0.zip
proj4js-2.3.3.zip
---
nob61@deb8-vmw:~/ダウンロード$ unzip proj4js-1.1.0.zip
nob61@deb8-vmw:~/ダウンロード$ ls
---
proj4js
proj4js-1.1.0.zip
proj4js-2.3.3.zip
---

解凍したフォルダを NetBeans の webmapproj の js フォルダに移動します。

nob61@deb8-vmw:~/ダウンロード$ mv proj4js ../public_html/webmapproj/public_html/

17-3 設定
「index.html」を次のように修正します。
「index.html」
<html>
 <head>
  <title>TODO supply a title</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>

 <body>
  <div>TODO write content</div>
  <div><a href="./proj4js/index.html">Proj4js.html</a></div>
  <div><a href="./13-3_ol3-1.html">13-3_ol3-1.html</a></div>
  <div><a href="./14-7_ol3-1.html">14-7_ol3-1.html</a></div>
  <div><a href="./15-3_ol3-1.html">15-3_ol3-1.html</a></div>
  <div><a href="./16-3_ol3-1.html">16-3_ol3-1.html</a></div>
  <div><a href="./16-4_ol3-1.html">16-4_ol3-1.html</a></div>
  <div><a href="./16-5_ol3-1.html">16-4_ol3-1.html</a></div>
 </body>
</html>


解凍したフォルダの proj4js/lib/def/ に定義ファイルがあるので EPSG:2451 を作成します。

EPSG4302.js を参考にします。
データは、/usr/share/proj のものを使用します。

nob61@deb8-vmw:~/ダウンロード$ cd /usr/share/proj/
nob61@deb8-vmw:/usr/share/proj$ grep -A1 JGD2000 epsg
---
# JGD2000 / Japan Plane Rectangular CS IX
<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  <>

定義ファイルの内容

EPSG2451.js
Proj4js.defs["EPSG:2451"]= "+title= JGD2000 Japan Plane Rectangular CS IX +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";

定義ファイルの確認
proj4js/index.html ファイルの内容を修正します。

---
<script src="lib/defs/EPSG900913.js"></script>
<script src="lib/defs/EPSG2451.js"></script><!-- ここを追加 -->

<script type="text/javascript">
---

17-4 確認
このファイルをブラウザで開いて、「source」を「EPSG:2451 - JGD2000 Japan Plane Rectangular CS IX」、「dest」を「EPSG:3875 - Google Mercator」にして変換してみます。

EPSG:2451 -54235, -29388
EPSG:3857 15499432, 4264029


0 件のコメント: