![25
ベクトルフォーマット
GeoJSON
● jsonで地理的データ構造を記述
{ "type": "FeatureCollection",
"features": [
{ "type": "Feature",
"geometry": {"type": "Point", "coordinates": [141.2116,43.0344]},
"properties": {"name": "札幌市"}
}
]
}](https://image.slidesharecdn.com/2013hokkaido-130916020442-phpapp01/85/FOSS4G-Web-25-320.jpg)
![26
ラスタフォーマット
GeoTIFF
● TIFFのヘッダに地理情報を追加
Size is 3552, 2912
Coordinate System is:
GEOGCS["WGS 84",
DATUM["WGS_1984",
SPHEROID["WGS 84",6378137,298.257223563,
AUTHORITY["EPSG","7030"]],
AUTHORITY["EPSG","6326"]],
PRIMEM["Greenwich",0],
UNIT["degree",0.0174532925199433],
AUTHORITY["EPSG","4326"]]
Origin = (139.000000000000000,36.000000000000000)
Pixel Size = (0.000281531531500,-0.000228939560400)](https://image.slidesharecdn.com/2013hokkaido-130916020442-phpapp01/85/FOSS4G-Web-26-320.jpg)
FOSS4Gを利用したWebでの地理空間情報公開入門
- 2. 2 本日のコンテンツ ● FOSS4Gってなに? ● 少し前提知識(フォーマットとか) ● データはどこで手に入る？ ● Webで公開してみよう ● OSGeo財団日本支部ってなに？ ● 勉強会、カンファレンスの宣伝など
- 3. 3 講師はこんなんです Twitter:waigania13 hatena:waigani ● OSGeo財団日本支部 運営委員 北海道で勉強会とかカンファ レンス行っています ● たまにブログでQGISのAPIで 何が出来るかとか書いてます ● 本職は地図作ってます
- 4. 4 FOSS4Gってなに？ ● FF reeree OO penpen SS ourceource SS oftwareoftware 44 (for)(for) GG eospatialeospatial の頭文字の頭文字
- 8. 8 ここでのはなしは オープンなものね ● 自由な再頒布の許可 ● 派生ソフトウェアの頒 布の許可 ● 適用分野の制限の禁止 ● などなど
- 10. 10 OpenLayers ● JavaScriptの地図表示用ライブラリ ● ブラウザサイドのUI ● GoogleMapライクな動作を提供 ● 背景地図として GoogleMap OpenStreetMap 等を選択することも出来る
- 11. 11 Leaflet ● JavaScriptの地図表示用ライブラリ ● ブラウザサイドのUI ● GoogleMapライクな動作を提供 ● 操作性の良さ モバイル端末と相性良し
- 14. 14 QGIS ● デスクトップGIS ● データの表示 ● 検索 ● 地図の作成 ● データの編集 ● データの解析 ● などなど
- 17. 17 お手軽に試そう ● 仮想マシンXubuntuベース ● DVD/USBから起動可能 ● Foss4gをインストールの必要 なしに試せる
- 18. 18 前提知識 ● 測地系、投影 ● ベクトルフォーマットの代表的なもの ● ラスタフォーマットの代表的なもの ● タイル地図
- 21. 21 地理空間情報を扱う際の注意点 EPSGコードというのがある ● 経緯度 ● UTM Tokyo 4301 JGD2000 4612 WGS84 4326 ゾーン JGD2000 Tokyo 51 3097 3092 52 3098 3093 53 3099 3094 54 3100 3095 55 3101 3096 ● 平面直角座標 ● Pseudo-Mercator 系 JGD2000 Tokyo 1 2443 30161 2 2444 30162 3 2445 30163 4 2446 30164 5 2447 30165 … 19 2461 30179 Tokyo 4301 JGD2000 4612 WGS84 4326 3857, 900913
- 22. 22 地理空間情報を扱う際の注意点 EPSGコードというのがある 地理情報を扱う際に最初に、 定義するものとして出てきます function init() { var options = { projection: new OpenLayers.Projection("EPSG:102113"), units: "m", numZoomLevels: 18, maxResolution: 156543.0339, maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34) }; map = new OpenLayers.Map('map', options); // 以下略 }
- 23. 23 ベクトルフォーマット ESRI Shapefile ● よく使われているフォーマット ● 幾つかのファイルで構成されます ● .shp: メインのファイル、図形を格納 ● .shx: インデックスファイル ● .dbf: 属性ファイル ● .prj: 座標系定義
- 24. 24 ベクトルフォーマット KML ● XMLベースのフォーマット ● Google Earth、Google Mapでお馴染み ● .kml : テキストファイル,.kmz: zip圧縮して拡張子を変更 <?xml version="1.0" encoding="UTF-8"?> <kml xmlns="http://earth.google.com/kml/2.0"> <Placemark> <description>札幌</description> <name>札幌</name> <Point> <coordinates>141.2116,43.0344</coordinates> </Point> </Placemark> </kml>
- 25. 25 ベクトルフォーマット GeoJSON ● jsonで地理的データ構造を記述 { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": {"type": "Point", "coordinates": [141.2116,43.0344]}, "properties": {"name": "札幌市"} } ] }
- 26. 26 ラスタフォーマット GeoTIFF ● TIFFのヘッダに地理情報を追加 Size is 3552, 2912 Coordinate System is: GEOGCS["WGS 84", DATUM["WGS_1984", SPHEROID["WGS 84",6378137,298.257223563, AUTHORITY["EPSG","7030"]], AUTHORITY["EPSG","6326"]], PRIMEM["Greenwich",0], UNIT["degree",0.0174532925199433], AUTHORITY["EPSG","4326"]] Origin = (139.000000000000000,36.000000000000000) Pixel Size = (0.000281531531500,-0.000228939560400)
- 27. 27 タイル地図 ● 256x256ピクセル等のタイル画像 ● ズーム０の範囲 (-180,-85.05)-(180,85.05) ● ズームレベルが上がる度に、 x方向、y方向共に2分割 ● Webで良く利用されている ● クライアント側の表示領域に 合わせて、作成済みのタイル画像 を提供
- 29. 29 OpenStreetMap ● フリーの地理情報データ作成するプロジェクト ● 誰でも自由に編集でき、 誰でも自由に利用出来る ● 明日(9/15)、札幌で マッピングパーティ あるらしいですよ
- 30. 30 OpenStreetMap
- 37. 37 Webで地図を表示してみよう ● タイル地図を作って表示してみよう ● QGIS,GDAL使用 ● ベクトルデータを重ねてみよう ● QGIS使用 OpenLayersを使用した際の雰囲気だけ
- 42. 42 gdal2tiles.py ● GeoTIFF→タイル画像 ● コマンドラインで > gdal2tiles 先ほどのtiffファイル名 ズームレベルのディレクトリに画像 GoogleMapAPIでの取り込み例 OpenLayersでの取り込み例
- 45. 45 ベクトルデータの準備 ● 都道府県毎にダウンロード出来るので、北海道をダンロード ● 解凍すると ● QGISを起動 ● 拡張子.shpのファイルをドラッグ＆ドロップ 点のshapefile一式 面のshapefile一式
- 47. 47 OpenLayersにベクトル追加 ● がんばってJavaScript書きましょう ● GeoJSONを取り込むAPIはあります ● クリック時のイベントなどは定義してあげないとダメ
- 48. 48 OpenLayersにベクトル追加 ● FOSS4G 2013 Hokkadioハンズオンセミナー “WebGIS初級編 - OpenLayersで簡単作成” の資料を参照ください http://www.slideshare.net/hideo0515harada/web-gis-24120312 https://sites.google.com/site/foss4ghokkaido/foss4g-2013-hokkaido/handson ● 3時間の入門ハンズオンで、GeoJSONを取り込んで、スタイル を付けるくらいまで ● 他のアプリケーションを使っても大体同じくらいの手間だと 思います
- 49. 49 もう少し手軽なのないの？ ● MapBox辺りをチェックしてみてください ● カスタマイズした地図を公開するためのプラットフォーム ※map views/monthによっては有料 ● 各種API (JavaScriot,Objective C...) ● TileMill 地理空間情報データから 簡単にWeb公開用の地図を 作成するツール
- 50. 50 ● 2006年設立 ● オープンなジオを 応援する組織 ● 多数のプロジェクト
- 51. 51 ● 多数の支部
- 53. 53 OSGeo財団日本支部 ● 高品質のオープンソース地理空間ソフトウェア の支援と構築のために設立されました。 ● この財団の目的は、コミュニティーが先導し て、オープンソースプロジェクトの利用と開発 を促進することです。 ● OSGeo財団の日本における公式の支部が 「OSGeo財団日本支部（OSGeo.JP）」です。
- 54. 54 FOSS4G Tokyo/Osaka ● － フリー＆オープンソースGISの祭典 － ● 2008年よりスタート ● 空間情報技術の情報交換の場 ● Tokyo:10 月31 日(木) ハンズオンデイ/東京大学柏キャンパス 11 月2 日(土) Day1-2/東京大学駒場第２キャンパス ● Osaka:11 月6 日(水) ハンズオンデイ/大阪市立大学梅田サテライト 11 月7 日(木) コアデイ/グランフロント大阪
- 55. 55 FOSS4G Hokkaido ● 2012年から北海道でも地域カンファレンス を開催しています ● 2013/7に行いました
- 56. 56 FOSS4G勉強会＠札幌 2013/09 ● 9/20(金) 18:30-20:30 ● インフィニットループ様 会議室 ● 内容: ● QGISプログラミング入門 ● QGIS中・上級編 ● WebGIS初級編 – OpenLayersで簡単作成 ● FOSS4Gでリモートセンシング ● 申込み: http://atnd.org/events/43024