Slide 1

Slide 1 text

OpenStreetMap Foundation Japan 坂ノ下 勝幸 Facebook: K.Sakanoshita Twitter: @K_Sakanoshita

Slide 2

Slide 2 text

自己紹介 - 坂ノ下 勝幸  主な所属コミュニティ・団体  OpenStreetMap Foundation Japan  諸国・浪漫  オープンデータ京都実践会  主な活動内容  マッピングパーティの開催および協力  ウィキペディアタウンの開催および協力  オープンソース/データの活用(アプリ開発など)  目指していること P.2 / 40 地元の情報は、自分たちで発信する文化を作る 現場こそ最強のツールとデータが使えるように

Slide 3

Slide 3 text

データベースとしての OpenStreetMap(OSM) P.3 / 40

Slide 4

Slide 4 text

OpenStreetMapのライセンス  Open Database License(ODbL)  許可されていること(超要約) ○ 共有:データベースを複製、頒布及び利用可能 ○ 創作:データベースから著作物を製作可能 ○ 翻案:データベースへの改変、変形及び加工可能  守るべきルール(超要約) ○ 表示:帰属表示(Copyright)が必要 ○ 継承:利用したデータベースはODbLで提供 ○ キープ・オープン: DRM無し版も提供する P.4 / 40 Creative Commonsは著作物(絵、音、文書)向けライセンス データベースは加工が大前提のため、ライセンスを整備

Slide 5

Slide 5 text

ODbL説明リンク集  ODbL v1.0(原文・英語)  https://www.opendatacommons.org/licenses/odbl/1.0/  ODbL v1.0(日本語試訳)  https://wiki.openstreetmap.org/wiki/OSMFJ/ODbL/1.0/text  ODbL v1.0(日本語試訳サマリー)  https://wiki.openstreetmap.org/wiki/OSMFJ/ODbL/1.0/summary  OpenStreetMapの事例を通じて考える オープンデータのライセンス設定  https://www.jstage.jst.go.jp/article/johokanri/56/3/56_140/_html /-char/ja P.5 / 40 ODbLのデータで作った著作物には、独自ライセンスを 付与することが可能(ODbLはデータベースだけが対象)

Slide 6

Slide 6 text

名古屋城(2Dマップ) P.6 / 40 © OpenStreetMap contributors

Slide 7

Slide 7 text

名古屋城(3Dマップ) F4map © F4Map data © OpenStreetMap contributors P.7 / 40

Slide 8

Slide 8 text

OSMは地理空間データベース  データベースは主に以下の要素で構成  ノード:各種施設、案内板、石碑、樹木など  ウェイ:各種道路、線路、川・水路、並木など  エリア:敷地領域、建物、駐車場、森林など  上記の要素を組み合わせることで  目的に合った地図を作成する ○ 各種地図アプリ、ナビゲーションアプリなど  ゲームのデータとして利用する ○ Pokémon Go/Ingress ○ ハリー・ポッター:魔法同盟  3Dマップ、マップデータでゲーム内容を変化させる P.8 / 40

Slide 9

Slide 9 text

これらは全部OSMベース P.9 / 40 OSM内、全ての地物には位置情報が付与されている 同じく地物にタグ(施設情報など)が付与されている 画像左2つ https://www.watch.impress.co.jp/docs/series/nishida/1194628.html

Slide 10

Slide 10 text

他にも使える地図は?  国土地理院の「基盤地図情報」  申請して許可を得た範囲では無償で使える  数値データは著作権対象外(自由に利用可能)  Google MapsをAPI経由で利用  Google Mapsから得たデータは他で利用不可  工夫次第で費用を抑えて利用することも可能  OSMと組み合わせてみる  FacebookはOSM利用。地図をクリックすると 地図アプリが起動する(コスト削減) P.10 / 40

Slide 11

Slide 11 text

OSMの「自由」と「無料」  地図データを配信する「タイルサーバー」  2Dでは256*256pxの画像を配信するサーバー  3Dではベクターデータを配信するサーバー  OSM(openstreetmap.org)が持っている タイルサーバーは「無料」では無い  OSMデータベースは無料だが、データを配信する サーバーは個人利用程度に抑えておくこと  自前で用意するか、会社のサービスを利用する  [OSM Wiki] JA:タイル利用規約  https://wiki.openstreetmap.org/wiki/JA:%E3%8 2%BF%E3%82%A4%E3%83%AB%E5%88%A9 %E7%94%A8%E8%A6%8F%E7%B4%84 P.11 / 40

Slide 12

Slide 12 text

OSMの使い方  アプリの背景地図として利用  アクセス数が低い場合(小規模利用) ○ openstreetmap.org のタイルサーバーを利用  Leaflet.jsなど簡単に使えるライブラリがある ○ MIERUNEやMapboxなどの無料プランを利用  JavaScriptの知識が少しあれば簡単に利用可能  アクセス数が多い場合(大規模利用) ○ 自前でタイルサーバーを構築する  初心者には難しいがツールはオープンソースである ○ MIERUNEやMapboxなどの有料プランを利用 ○ アクセスが多い所の地図画像を作り、タイル サーバーへのアクセス数を減らす  少しセコい感じはするが、ピンポイントで効果有り P.12 / 40

Slide 13

Slide 13 text

OSMの使い方  地理空間データベースとして利用  全データを先にダウンロードしておく方法 ○ Planet OSMへアクセスしてダウンロード https://planet.openstreetmap.org/ https://planet.openstreetmap.org/planet/full-history/ ※上:最新版 / 下:最新版+編集履歴付き ○ PostgreSQLへ取り込んでアプリで活用 gis=> select count(*) FROM planet_osm_point where ((tags->'man_made') = 'tower'); count ------- 447 P.13 / 40 圧縮ファイルで78GB(履歴付きだと119GB)もある 何でも出来るが、高度な技術力とサーバー構成が必要

Slide 14

Slide 14 text

OSMの使い方  地理空間データベースとして利用  必要な時にデータを検索して利用する方法 ○ Overpass APIにクエリーを投げて利用 https://wiki.openstreetmap.org/wiki/JA:Overpass_API ○ 公式APIサーバーはリクエスト数が制限されるが 他にもサーバーはある(kumi systemsオススメ) https://wiki.openstreetmap.org/wiki/Overpass_API#Pu blic_Overpass_API_instances [out:json][timeout:25];(node["amenity"="toilets"]({{bbox}});); out body;>;out skel qt; P.14 / 40 HTMLとJavaScriptだけでも、かなり遊ぶ事ができる Overpassで遊べるサイト「overpass turbo」が楽しい

Slide 15

Slide 15 text

【紹介】overpass turbo  OverPassコンソールの様なサイト  普通のコンソールは文字中心で黒い画面  地図のコンソールなので地図中心の画面  OverPass QL言語でデータ抽出が可能  トイレやレストランのデータだけ抜き出す  施設だけで無く、建物や道路情報も取れる  公式サイト(ここで直接使える)  https://overpass-turbo.eu/  「京都市内トイレ」の検索デモ  https://overpass-turbo.eu/s/KHT P.15 / 40

Slide 16

Slide 16 text

【紹介】まち歩きマップメーカー  地図をPNG/SVGでダウンロードするサイト  地物の表示/非表示、色変更も可能  HTML/JavaScriptで動作し、JavaScriptから直 接OverPass APIを叩く(サーバーソフト不要) P.16 / 40 https://www.netfort.gr.jp/~saka/accessmap/

Slide 17

Slide 17 text

プログラムが苦手な方へ P.17 / 40

Slide 18

Slide 18 text

「uMap」がオススメ P.18 / 40 https://umap.openstreetmap.fr/ja/

Slide 19

Slide 19 text

uMapって?  どんなサービス?  OSM上にアイコンやライン、エリアを描ける  アイコンをクリックしたら画像を表示出来る  Iframeを使って、他サイトの表示も出来る  どこがオススメ?  背景地図がOSMなので印刷も自由に出来る  マウス操作で簡単にオンライン地図が作れる  スマホ対応しているので、どこでも見える  Overpass APIでデータ連携することもできる ○ データ連携時はクエリ言語を勉強する必要あり P.19 / 40

Slide 20

Slide 20 text

uMapのデモ  [津山市]まちなか図書館マップ http://umap.openstreetmap.fr/ja/map/map_201088  まちライブラリー、図書館、本屋を地図に表示  OverPassを利用し、OSMの最新データで表示 P.20 / 40

Slide 21

Slide 21 text

まとめ P.21 OSMを活用した アプリを作る 地図を描く人が増える (モチベーションになる) 地図データが充実する いろんな組織や団体、個人が一緒に関わっていくことで 地図が充実するだけで無く、地域に関わるきっかけになる