地図じゃないOpenStreetMap / Not a map OpenStreetMap

Slide 1

Slide 1 text

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

Slide 4

Slide 4 text

© OpenStreetMap contributors OpenStreetMap（OSM）とは  みんなで自由な地図（地理情報）を作る活動  2004年から、英国のSteve Coast氏が初めた国際プロジェクト（日本は2008年頃に伝播）  人々が創造的・生産的・革新的に地図を利用することを目的として、プロジェクトを開始  どんな方達が地図を描いているの？  普通の方達。小学生からお年寄りまで様々  地図を描く方達を「マッパー」と呼びます ○ 定義は無いので、自分でマッパーと名乗ればOK OpenStreetMapのロゴ画像 “OpenStreetMap”で単語（スペース不要） P.4

Slide 5

Slide 5 text

© OpenStreetMap contributors あまり知らない地図の著作権  地図は著作物。著作権を守って利用する  大抵の地図は自由に出来る利用規約では無い  自分で描くかデザイナーに依頼する必要があるお祭りのご案内日時：＊＊＊ / 場所：＊＊＊会場地図お祭りのご案内日時：＊＊＊ / 場所：＊＊＊会場地図ここ小学校 OSMはCopyrightを付るだけで自由に使えますここ OpenStreetMap contributors © OpenStreetMapの Copyright表記 P.5

Slide 6

Slide 6 text

© OpenStreetMap contributors OpenStreetMapのライセンス  Open Database License(ODbL)  許可されていること（超要約） ○ 共有:データベースを複製、頒布及び利用可能 ○ 創作:データベースから著作物を製作可能 ○ 翻案:データベースへの改変、変形及び加工可能  守るべきルール（超要約） ○ 表示:帰属表示（Copyright）が必要 ○ 継承:利用したデータベースはODbLで提供 ○ キープ・オープン: DRM無し版も提供する ※OSMプロジェクトのタイルサーバーが配信する地図画像は　CC BY-SA 2.0（もうじき4.0へ引き上げ予定） ODbLのデータで作った著作物には、独自ライセンスを付与することが可能（ODbLはデータベースだけが対象） P.6

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

© OpenStreetMap contributors Web APIで任意のデータを取得出来る例：京都市のトイレ情報を抽出して地図上に表示 JSON形式で取得出来る { "version": 0.6, "generator": "Overpass API 0.7.56.7 b85c4387", "osm3s": { "timestamp_osm_base": "2020-08-10T15:55:02Z", "copyright": "The data included in this document is from www.openstreetmap.org. The data is made available under ODbL." }, "elements": [ { "type": "node", "id": 638938218, "lat": 34.9377934, "lon": 135.6464671, "tags": { "access": "yes", "amenity": "toilets", "male": "yes" } }, { "type": "node", "id": 727603019, "lat": 35.0186126, "lon": 135.6815704, "tags": { "access": "yes", "amenity": "toilets", "fee": "no", "female": "yes", "male": "yes", "name": "JR嵯峨嵐山駅前公衆トイレ", "unisex": "yes", "wheelchair": "yes" } } https://overpass-turbo.eu/ P.11

Slide 12

Slide 12 text

© OpenStreetMap contributors Web APIでテイクアウトMAPも簡単店舗リストを OpenStreetMapの APIで抽出＆一覧表示店舗リストを OpenStreetMapの APIで抽出＆一覧表示 APIで取得した OpenStreetMapの店舗情報を表示 APIで取得した OpenStreetMapの店舗情報を表示 OpenStreetMap 以外の背景地図でも特に問題は無い OpenStreetMap 以外の背景地図でも特に問題は無い P.12

Slide 13

Slide 13 text

Slide 14

Slide 14 text

© OpenStreetMap contributors 一般公開されている主なサーバー ● タイルサーバー（地図画像の配信） ● Overpass APIサーバー（データーの抽出） { "type": "node", "id": 638938218, "lat": 34.9377934, "lon": 135.6464671, "tags": { "access": "yes", "amenity": "toilets", "male": "yes" } }, { "type": "node", "id": 727603019, "lat": 35.0186126, "lon": 135.6815704, "tags": { "access": "yes", "amenity": "toilets", "female": "yes", "male": "yes", "name": "JR嵯峨嵐山駅前公衆トイレ", "unisex": "yes", "wheelchair": "yes" } } P.14

Slide 15

Slide 15 text

© OpenStreetMap contributors 256px X 256px OpenStreetMap Tile Servers https://wiki.openstreetmap.org/wiki/ タイルサーバー（地図画像の配信）と利用地域日本は台湾にあるサーバーを利用している 256px x 256px 256px x 256px ズームレベル:0 ズームレベル:1 256px x 256px 256px x 256px タイル画像とズーム 15 15 P.15

Slide 16

Slide 16 text

© OpenStreetMap contributors データは自由。タイルサーバーは違うタイル画像が膨大(ズームレベル18で680億枚) 世界中からアクセスがあるのため高負荷は禁物 https://wiki.openstreetmap.org/wiki/JA:タイル利用規約個人&小規模はOK。ビジネスなどで大量アクセスするなら MapTilerやMapbox社の商用タイルサーバーを契約しよう P.16

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

© OpenStreetMap contributors Overpass APIを使ってみよう ● APIで必要なデータを検索・抽出して利用する – https://wiki.openstreetmap.org/wiki/JA:Overpass_API – Overpass APIサーバーは公式の他にもいくつかある ● Overpassクエリサンプル – [out:json][timeout:25]; (node["amenity"="toilets"] ({{bbox}});); out body;>;out skel qt; – bbox（画面表示）範囲のトイレを抽出するクエリ P.22 HTMLとJavaScriptだけでも、かなり遊ぶ事ができる Overpassで遊べるサイト「overpass turbo」が楽しい https://overpass-turbo.eu/

Slide 23

Slide 23 text

© OpenStreetMap contributors { "type": "node", ←POI（点）である "id": 727603019, ←OpenStreetMapのユニークID "lat": 35.0186126, "lon": 135.6815704, ←トイレの緯度経度 "tags": { "access": "yes", ←一般利用が可能 "amenity": "toilets", ←トイレを意味 "female": "yes", ←女性用のトイレあり "male": "yes", ←男性用のトイレあり "name": "JR嵯峨嵐山駅前公衆トイレ", ←トイレの名前 "unisex": "yes", ← ジェンダーニュートラル or すべての人に利用可能 "wheelchair": "yes" ←車椅子に対応 } } Overpass APIの返り値について Web APIにクエリをURLエンコードしてgetすると返答される JSON形式で返すようにパラメータを指定すると以下のようなデータ抽出結果が表示される（key=value形式）各種施設の他、道路や建物、池や川の「形状」も抽出が可能アイデア次第で、様々な情報を抽出、アプリでの利用が可能 P.23

Slide 24

Slide 24 text

Slide 25

Slide 25 text

© OpenStreetMap contributors （バッド？）ノウハウはネットで公開中 ● まち歩きマップメーカー – GitHubにオープンソースで公開中! – https://github.com/K-Sakanoshita ● OpenStreetMap Wiki – Overpass APIの言語ガイドが有り – https://wiki.openstreetmap.org/wiki/ JA:Overpass_API/%E8%A8%80%E8%AA%9E %E3%82%AC%E3%82%A4%E3%83%89 P.25

Slide 26

Slide 26 text

Slide 27

Slide 27 text

© OpenStreetMap contributors OpenStreetMapとは ● 「単に地図を作る」プロジェクトでは無い ● 組織や個人がバラバラに持っているデータを「オープンデータ化し、OpenStreetMapで共有しませんか？」の提案活動とも言える ● オープンデータライセンスでも、様々な所に分散保管されると活用が難しくなる – 例えば自治体が把握しているAED設置場所の情報は各自治体のサイトにバラバラのフォーマットで保管されており、全国版を作るのは難しい状況 APIがあってもデータが無いと嘆くより、全世界でデータを共有できるデータベース（入れ物）と考えると面白いかも？