Tile map 2011_foss4g_osaka
-
Upload
masarunarazaki -
Category
Technology
-
view
1.166 -
download
4
Transcript of Tile map 2011_foss4g_osaka
![Page 1: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/1.jpg)
タイルマップの作成と利用
農業・食品産業技術総合研究機構近畿中国四国農業研究センター
営農・環境研究領域寺元 郁博
2011/11/12 FOSS4G OSAKA 1
![Page 2: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/2.jpg)
自己紹介○ 農林水産省系独立行政法人の職員○ 広島県福山市在住○ Finds.jp というサイトを管理・運営○ 近況
○ 部局名が若干短くなりました
2011/11/12 FOSS4G OSAKA 2
![Page 3: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/3.jpg)
はじめに○ タイルマップの作成と利用についての話
○ OpenLayers とかで使うタイル画像を作ってしまう
○ gdal2tiles / MapTiler 利用• MapTiler = gdal2tiles + GUI
○ これであなたもコンテンツ提供業者○ 法令等は守ってね
○ 地理情報の付いた画像を持ってる前提
2011/11/12 FOSS4G OSAKA 3
![Page 4: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/4.jpg)
TMS(Tile Map Service) について○ タイルマップのための仕様
○ タイルマップ : Google Maps とか○ 「タイル指定文字列の規則」と思って OK
○ { ベース URL}/1.0.0/{ レイヤ名 }/{Z}/{X}/{Y}.{EXT}○ Z: ズームレベル○ X,Y: 東西 , 南北インデクス○ EXT: 拡張子 (png, jpg など )○ 例 : “…/1.0.0/sendai08_1/14/14614/10083.png”
2011/11/12 FOSS4G OSAKA 4
![Page 5: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/5.jpg)
フォルダ・ファイルの構成○ …/1.0.0/sendai08_1/14/14614/10083.png
2011/11/12 FOSS4G OSAKA 5
![Page 6: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/6.jpg)
TMS の特徴○ 配信にマップサーバは必須でない
○ さすがにウェブサーバは必要○ ローカルでの閲覧も可
○ ベース URL は “ http://...” でなくてもよい○ ベース URL を相対パスにすることが多い
• 例 : “./tms/1.0.0/sendai/13/7304/5040.png”
2011/11/12 FOSS4G OSAKA 6
![Page 7: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/7.jpg)
使用例
2011/11/12 FOSS4G OSAKA 7
![Page 8: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/8.jpg)
歴史的農業環境 WMS○ 明治初期の関東平野の土地利用をみる○ 「キャッシュ機能」として TMS 配信○ 液状化関係で
本家サイト ( 農環研 )は注目浴びる
2011/11/12 FOSS4G OSAKA 8
![Page 9: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/9.jpg)
液状化が分かる例○ 千葉・我孫子 ( 内陸 ) の狭い範囲
○ 被災域の半分は液状化対策対象外○ かつては池だった
2011/11/12 FOSS4G OSAKA 9
基盤地図情報
![Page 10: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/10.jpg)
福山市○ 明治後期の福山市 ( 一部 ) の土地利用を
みる○ キャッシュとして TMS 配信○ 福山のが無いから
自前で作成○ みんなも
レッツトライ
2011/11/12 FOSS4G OSAKA 10
正式図 ( 福山町 , 西濱 )
![Page 11: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/11.jpg)
被災地空中写真○ 東北・関東コンテンツ○ http://www.finds.jp/independent/tohoku/
○ 国土地理院提供の被災地空中写真○ ISO イメージ配布○ DVD に焼く or
仮想ドライブ○ 通信環境なしでも
閲覧可能
2011/11/12 FOSS4G OSAKA 11
空中写真 : 国土地理院
![Page 12: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/12.jpg)
タイルマップ作成方法
2011/11/12 FOSS4G OSAKA 12
![Page 13: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/13.jpg)
必要なもの○ 地理情報付き画像を用意○ gdal2tiles / MapTiler で作る ( 基本機能同
じ )○ gdal2tiles: GDAL (http://www.gdal.org/) に同梱○ MapTiler: http://www.maptiler.org/
○ 作ったら サーバにアップ / ローカルに保存○ ツリー構造は崩さないこと
○ HTML+JavaScript 作成○ gdal2tiles / MapTiler が自動生成2011/11/12 FOSS4G OSAKA 13
![Page 14: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/14.jpg)
○ gdal2tiles.py -p mercator –z 0-16 ( ファイル )-p mercator … Google Mercator 出力を指定-z 0-16 … ズームレベル 0-16○ 詳しくは – h で○ OSGeo4W では “ gdal2tiles.bat”○ 時間がかかる,タイル画像がかなり多い
○ デフォルト出力先は “ ./(入力ファイル名 )”○ “1.0.0” なし → 入力ファイル名 = レイヤ名
gdal2tiles の使い方
2011/11/12 FOSS4G OSAKA 14
![Page 15: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/15.jpg)
opnelayers.html も出力
空中写真 : 国土地理院
Open Street Map
2011/11/12 FOSS4G OSAKA 15
![Page 16: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/16.jpg)
Tips * 2
2011/11/12 FOSS4G OSAKA 16
![Page 17: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/17.jpg)
GDAL のキャッシュサイズ○ gdal2tiles 等 GDAL ツール各種で有効○ デフォルトだとメモリ占有少 (100MB未満 )
○ GB級のデータだと遅くなる○ 作業途中のデータをディスクに書き出す○ ディスクはメモリに比べて非常に遅い
○ 環境変数 GDAL_CACHEMAX で速度向上○ 数字 (MB単位 ) でキャッシュサイズ指定○ “setenv GDAL_CACHEMAX 1024” で 1GB
2011/11/12 FOSS4G OSAKA 17
![Page 18: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/18.jpg)
○ gdalwarp による Google Meractor (EPSG:900913) GeoTIFF 画像を入力→ 所望する位置より極方向にズレ
○ 入力画像を WGS84 (回転楕円体 ) と認識( 本当は球 )
○ “-s epsg:900913” を付けると強引に球に認識してくれる
GDAL による Google Mercator 画像
2011/11/12 FOSS4G OSAKA 18
![Page 19: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/19.jpg)
閲覧のための技術
2011/11/12 FOSS4G OSAKA 19
![Page 20: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/20.jpg)
オーダーに注意○ TMS は西南隅→東北隅○ 西北隅→東南隅 の仕様には注意
2011/11/12 FOSS4G OSAKA 20
(0,0)
(0,1)
(1,0)
(0,1)
(0,0) (1,0)
![Page 21: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/21.jpg)
各種WWW 地図 API での利用○ 「 Tile Map Service の使い方」
http://www.finds.jp/docs/tms/○ スクリプトとかあるので見てみて下さい○ 対応 API
• OpenLayers (TMS レイヤクラスがある )• Yahoo! JavaScript Map ( 中心が原点 )• Google Maps ( 北西隅が原点 )
2011/11/12 FOSS4G OSAKA 21
![Page 22: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/22.jpg)
WWW 地図 API以外で○ LTMS
○ “LTMS QGIS” で検索○ 未完成な部分あり○ http://
sites.google.com/site/lightyellow73/qgisplugin_j/ltms
○ WMC (Android 用地図ビューア )○ http://www.finds.jp/wmc/○ すみません宣伝です
2011/11/12 FOSS4G OSAKA 22
![Page 23: Tile map 2011_foss4g_osaka](https://reader036.fdocuments.net/reader036/viewer/2022062418/555e27d6d8b42a384f8b5053/html5/thumbnails/23.jpg)
おわりに○ タイル化地図画像に TMS という仕様が
ある○ 「 URL命名規則の仕様」と考えると良いかも
○ 利点○ マップサーバ不要○ 通信を伴わない閲覧も可能
○ gdal2tiles / MapTiler (ほぼ同機能 ) で生成可
○ WWW 地図アプリケーションで利用可能○ QGIS, Android アプリケーションでも利用
可能
2011/11/12 FOSS4G OSAKA 23