編集へ向けてOpenStreetMap

中崎町 OpenStreetMap 勉強会　　　～ステップアップ～

2017年1月13日19:30 ～

Noriko TakiguchiOSM Mapper : taki3hira

Programmer

2

本日の予定

2016/11/13：地理データの収集防災マッピングパーティー

2017/01/13：地理データの編集アカウント登録

地理データについて

編集用エディタについてJOSM（インストール）iD（ブラウザ内）

編集作業：練習 → 実際に登録 ※できるところまで

3

　収 集

編 集作 成 利 用

概要：OpenStreetMap とは

世界規模のプロジェクト「自由な地図をみんなの手に！」

2004年　　　イギリス発祥 2008年以降　日本でも

「2014年度グッドデザイン賞」 を受賞

誰でも参加可能

協働

地理データ 地 図 表 現

4

　地理データ : OdbL 地図表現 : CC BY-SA

収 集

編 集作 成 利 用

継承 (Share-Alike)オープンの維持 (Keep open)帰属表示 (Attirbute)

クレジット表記を忘れずに

@ OpenStreetMap contributors

紙に印刷・配布 OK商用利用 OK

※著作権のある情報源から　データを持ち込まない

共有

概要：オープンなライセンス

アカウント登録

6

アカウント登録https ://www.openstreetmap.org/

OpenStreetMapウェブサイトの「ユーザー登録」から

※編集するために必要

7

アカウント登録：ユーザー登録画面

メールアドレス・メールアドレスの確認受信確認可能なメールアドレス● アカウント登録の本人確認メールが届くので

表示名ユーザー名既に登録されている名前は使えない

パスワード・パスワードの確認8文字以上

各項目入力後「ユーザー登録」ボタンを

クリック

※忘れないようにユーザー名・パスワード

8

アカウント登録：協力者規約画面

お住まいの国それ以外の国を選択（日本の場合）

私の投稿をパブリックドメインとしますチェックは必須ではなく任意

規約を確認後「同意」ボタンを

クリック

9

アカウント登録：メール確認

メールが届いているのを確認件名：[OpenStreetMap] OpenStreetMapへようこそ宛先：ユーザー登録画面で入力したメールアドレス差出人：web@noreply.openstreetmap.org

メール本文に記載されているリンクをクリックhttp://www.openstreetmap.org/user/{表示名}/confirm?confirm_string={確認用文字列}

登録完了エラーなくOpenStreetMapウェブサイト表示できたらOK

10

ログイン画面

メールアドレスまたはユーザー名ユーザー登録で入力したメールアドレスユーザー登録で入力したユーザー名（表示名）

パスワードユーザー登録で入力したパスワード

各項目入力後「ログイン」ボタンを

クリックでログイン可能

※ログインできるか確認ユーザー名・パスワード

OpenStreetMapウェブサイト上部の「ログイン」から

11

ログイン後OpenStreetMapウェブサイト

「ユーザー名」表示になる

※中崎町界隈表示

★地図の移動左クリックでドラッグ

12

ログアウトOpenStreetMapウェブサイト

「ユーザー名」＞「ログアウト」クリックでログアウト可能

※作業終われば

地理データ

14

地理データ：要素ノード node（ポイント）

緯度と経度（単一の地理座標）単体で一つの地物

ウェイの構成要素

ウェイ way（ライン）

ノードを順序づけて並べたもの

連続した線形の地物閉じたウェイ（エリア・シェイプ・ポリゴン）

リレーション re lat ion

ノード / ウェイ / 他のリレーションをグループ化

マルチポリゴンタイプ・ルートタイプ（バス路線）など

収 集

編 集

地理データ

15

　

地理データ：どう表現する？ノード（単体）

街灯・電柱・案内板

消火器・AED

出入口・門・遊具・植木

ウェイ

道路・階段・フェンス

並木

建物・公園

要素としては？

16

　

地理データ：タグ

地物 Features

実世界に現在現実に存在するもの

評価や歴史や架空のものは登録しない

変更セット Changeset

編集時の情報（コメント・情報源 s o u r c e など）

履歴として閲覧可能

地理的属性タグ付け

値VALUE

属性KEY

＝

要素（ノード、ウェイ、リレーション）や変更セットについて、特定の地物や特徴を記述"タグ" を組み合わせて付与

規則に従ってタグ一覧も参照※参考資料（３）

17

地理データ：編集現地調査で収集した情報から

紙地図に記載したメモ

写真

GPSログ

背景画像（許可あるもの）

Bing・地理院地図など

トレース（建物・道路・川・池など）

位置の確認 こまめに更新して競合に注意

※特に同時に同じエリア編集時

★編集手順1. ダウンロード（読込）2. 編集作業3. アップロード（更新）

※編集用エディタ使用

編集用エディタ

19

編集用エディタJOSM（スタンドアローンの Javaアプリケーション）

オフライン編集可能（データの読込・更新時以外）

複雑な編集・大量の既存地物の更新作業

特殊なタグ定義・独自プリセット情報や複数レイヤーの利用

iD（ブラウザ内エディタ）インターネット回線の安定

背景画像の読込やデータ保存可能な状況

軽量で単純な編集

シンプルでよく使われるタグ情報に従った入力

その他スマホアプリ（ Ve s p u c c i ・ P u s h p i n など）

20

JOSM：ダウンロードダウンロードサイト：http :// josm.openst reetmap.de/

PC の OS に合わせて対象ダウンロードリンクをクリックする

「日本語」クリックで日本語表示に変更可能

Windows インストーラ (version xxxx)

ダウンロードファイル保存：josm-setup.exe

※対象リンクをクリック

※Windowsの場合

21

JOSM：インストール ※Windowsの場合

ダウンロード済ファイル：josm-setup.exe　

ダブルクリックする

インストール開始

Java Runtime Environment 1.8.0のインストールを求められた場合

（※事前に確認対応が better）

まずは Javaのダウンロード・インストールhttp ://www. java .com/en/download/

インストール完了

※後述

22

JOSM：インストール ※Windowsの場合

I Agree

Next>Next>

InstallNext> Finish

インストール開始 ライセンス同意 構成要素選択

インストール完了フォルダ選択 進行状況完了

23

JOSM：起動後画面実行ファイル C :\ Pr og ram F i l e s\ J OSM\ j osm.exe

※Windowsの場合

メインツールバー

メインメニュー

「設定」ボタン

または

「編集」＞「設定」

※環境設定可能

※プラグインを更新ポップアップ起動時に表示 → インストール直後は「更新をスキップ」クリックでOK

24

JOSM：環境設定 ※Windowsの場合

※各設定変更必要に応じて

JOSMの再起動

※本スライドでは一部のみ説明

25

JOSM：表示設定 ※Windowsの場合

「表示設定」＞「ルック＆フィール」

※言語を日本語に設定既定（自動設定）のままでもOK

日本語※変更したら

「OK」ボタンクリック

26

JOSM：画像の設定 ※Windowsの場合

「画像の設定」＞「画像プロバイダー」

※背景画像の設定

「TMS」ボタンクリック

追加用入力画面へ

27

JOSM：画像の追加入力 ※Windowsの場合

1. URL：http://cyberjapandata.gsi.go.jp/xyz/std/{zoom}/{x}/{y}.png

2. ズーム最大値：19

4. 名前：地理院標準地図

※各項目入力後「OK」ボタン

クリック

28

JOSM：画像の追加確認 ※Windowsの場合

※選択済みのエントリ「地理院標準地図」追加を確認

29

「▼有効化」ボタンクリック

JOSM：画像の追加設定 ※Windowsの場合

※利用可能なエントリ　から「Japan GSI Ortho Imagery」をクリック選択

30

JOSM：画像の追加設定 ※Windowsの場合

※選択済みのエントリ「Japan GSI Ortho Imagery」

追加を確認

※追加確認したら「OK」ボタンクリック

31

JOSM：接続設定 ※Windowsの場合

※アカウント認証設定後で設定してもよい

初めて地図データ登録時に

「今すぐ認証」ボタンクリック

↓アカウント入力画面へ

32

JOSM：接続設定 ※Windowsの場合

※アカウント入力

「今すぐ認証」ボタンクリック

● ユーザー名● パスワード

※認証中

33

「アクセストークンを受け入れる」ボタンクリック

JOSM：接続設定 ※Windowsの場合

※認証確認「アクセストークンをテスト」

ボタンクリック

「成功」ポップアップ表示できたらOK

練 習

35

JOSM：練習用サンプルファイルhttp://learnosm.org/files/sample.osm

ダウンロードして PC に保存

「ファイル」＞「開く」ファイル選択画面にてダウンロード済の

sample.osm を選択

sample.osmレイヤー開く

操作方法・編集練 習

ファイル

　「開く」ボタン　　クリック

メインメニュー

36

JOSM：選択モード

一番上のボタンクリック

または　(s)

対象要素を選択選択済要素は赤色表示

選択モード

※ウェイ・ノード複数選択例

編集ツールバー

※練習・デモ

wウェイ

ノノード

※選択解除何もないところ

またはEsc クリック

37

JOSM：選択モード

※ウェイの選択例

拡大・縮小● マウスホイール上下● マップビュー内ズームバー● メインメニュー「表示」● Ctrl+Alt

● 左クリックでドラッグ

移動● 左クリックでドラッグ

回転● Ctrl+Shift

● 左クリックでドラッグ

★マップビュー内地図の移動右クリックでドラッグ

※練習・デモ

38

JOSM：描画モード

このボタンクリック

または　(A)

※マップビュー● ノード● ウェイ

描画モード

※ノード描画例

※練習・デモ

編集ツールバー

１点をダブルクリック

39

JOSM：描画モード

※閉じたウェイ描画例

※練習・デモ

始点クリック

順次マウス移動次点クリック

終点　=　始点ダブルクリック

※ウェイ描画例

終点ダブルクリック

１

２

３

４

１

２３

４

40

JOSM：描画モード ※練習・デモ

※何もないところへ移動して描画・選択の練習

Ctrl 押しながら 描くと？Alt 押しながら 描くと？Shift 押しながら 描くと？

描いたものを選択してみる

41

JOSM：カーソルの変化 ※練習・デモ

※何もないところへ移動して描画・選択の練習

Ctrl 押しながら 描くと？Alt 押しながら 描くと？Shift 押しながら 描くと？

描いたものを選択してみる

※いろいろ試してみる

42

JOSM：プリセット

「プリセット」

※順次選択「施設等」

「緊急設備」「消火栓」

※練習・デモ

メインメニュー

タグ入力画面ポップアップ

43

JOSM：プリセット

※必要なタグ付け● 種別：地下

「プリセットの適用」ボタンクリック

※練習・デモ「施設等/緊急設備/消火栓」

「この地物・機能の詳細情報」

リンク クリック

http://wiki.openstreetmap.org/wiki/JA:Tag:emergency=fire_hydrant

対象タグ説明wikiが開く

44

JOSM：タグ付け確認

● emergency = fire_hydrant● fire_hydrant:type = underground

※練習・デモ

「施設等/緊急設備/消火栓」

※いろんなタグを調べて使ってみよう！● プリセット利用（検索機能もあり）● 手動でのタグ「追加」「編集」「削除」機能あり

※練習終わったらsample.osm

レイヤー削除 or 保存

実際に編集登録

46

JOSM：地理データ読込 ※Windowsの場合

メインツールバーダウンロード

ボタンクリック

※スリッピーマップ1. 対象地域に地図移動

● 右クリックドラッグ2. 編集対象範囲を選択

● 左クリックドラッグ● 適切な広さに！

「ダウンロード」ボタン

クリックで読込

※実際にデータ登録するために

スリッピーマップ

左クリックドラッグ

47

JOSM：編集対象エリア ※Windowsの場合

選択した範囲内のみ編集対象とする

※レイヤーデータレイヤー1

48

JOSM：レイヤー追加 ※Windowsの場合

選択後マップビューに

画像を重ねて表示可能

メインメニュー「画像」から選択

Bing航空画像

49

JOSM：レイヤー ※Windowsの場合

※マップビュー対象画像を重ねて

表示可能

※レイヤー表示設定● データレイヤー1● Bing 航空画像

50

JOSM：レイヤー ※Windowsの場合

※マップビュー対象画像を重ねて

表示可能

※レイヤー表示設定● データレイヤー1● 地理院標準地図

51

JOSM：レイヤー ※Windowsの場合

選択したレイヤー対象の操作

透明度の変更等優先順位変更 表示

削除

52

JOSM：Field Papers ※プラグイン必要

※マップビューField Papers を重ねて

表示可能

※レイヤー表示設定● データレイヤー1● ダウンロードしたGPXデータ● 地理院標準地図（透過設定）● OSM (field papers の画像)

53

JOSM：編集後更新 ※Windowsの場合

メインツールバー

アップロードボタン

クリック

※ウェイ編集Bing航空写真を使用して

トレースした建物● building = yes● source = Bing

※編集はこまめに更新

54

JOSM：変更セット ※Windowsの場合

※情報源source● kn owl age● sur vey● Bi ng● GSI m aps/ s td● GSI m aps/ or t

※適切に設定

変更セット入力後「変更のアップロード」

※コメント何をどうしたのか

ボタンクリック

55

変更セット ※アップロード結果

OpenStreetMapウェブサイト

56

履歴：変更セットOpenStreetMapウェブサイト

57

iD：起動OpenStreetMapウェブサイト

「編集」＞「iD（ブラウザ内エディタ）で編集」クリック

★ iD ブラウザ内で起動

★ JOSM　　遠隔制御で起動可能　 ※リモート制御ON設定

※事前にアプリケーション起動

比較

※ログイン状況で

58

iD：チュートリアル練習OpenStreetMapウェブサイト

チュートリアルを開始

※試してみる

解説あり・地理データ・タグ

※終了後はログアウト

※ログイン状況で

59

参考資料（１）はじめてからのOpenStreetMapガイド

h t t p : / / l e a r n o s m . o r g / j a /

OpenStreetMapを始めようh t t p : / / l e a r n o s m . o r g / j a / b e g i n n e r / s t a r t - o s m /

h t t p : / / l e a r n o s m . o r g / f i l e s / b e g i n n e r _ s t a r t - o s m _ j a . p d f

初心者ガイドh t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / JA : B e g i n n e r s _ G u id e

60

　

参考資料（２）基本要素

h t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / JA : E l e m e n t s

地物h t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / JA : F e a t u r e s

タグh t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / JA : Ta g s

Bingの空中写真を使ったOSMマッピング

http :/ /wik i .openstreetmap.org/wik i / JA :B ing

地理院地図をOSMの背景図として利用する際の情報

http :/ /wik i .openstreetmap.org/wik i / JA :GSImaps

61

　

参考資料（３）タグ一覧

h t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / M a p _ F e a t u r e s

タグ一覧（本家の日本語訳）h t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / JA : M a p _ F e a t u r e s

日本におけるPOIのタグ付けルールh t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / J a : H o w t o _ M a p _ A

日本の主に道路のタグ付けルールh t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / J a p a n _ t a g g i n g

日本におけるチェーン店のname値の実例h t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / JA : N a m i n g _ s a m p l e

62

　

参考資料（4）OSMデータ編集

h t t p s : / / o p e n s t r e e t m a p . j p / n o d e / 7 6 3

編集用エディタh t t p : / / w i k i . o p e n s t r e e t m a p . o r g / w i k i / E d i t o r s

JOSMエディタh t t p : / / l e a r n o s m . o r g / j a / j o s m /

h t t p : / / l e a r n o s m . o r g / j a / j o s m / s t a r t - j o s m /

iDエディタh t t p : / / l e a r n o s m . o r g / j a / b e g i n n e r / i d - e d i t o r /

h t t p : / / l e a r n o s m . o r g / f i l e s / b e g i n n e r _ i d - e d i t o r _ j a . p d f

63

　

参考資料（5）Mai l ing L i s t

h t t p : / / l i s t s . o p e n s t r e e t m a p . o r g / l i s t i n f o / t a l k - j a

OSMF Japanオープンストリートマップの活動を支える法人組織

h t t p : / / w w w. o s m f. j p /

Twitter@ o s m j p , @ o s m j p _ o s a k a など

Facebookh t t p s : / / w w w. f a c e b o o k . c o m / g r o u p s / 1 5 8 4 6 9 4 2 0 8 7 1 5 9 2

O p e n St r e e t M a p Ja p a n C o m m u n i t y

h t t p s : / / w w w. f a c e b o o k . c o m / O S M K a n s a i /

64

少しずつでも継続

編 集 に役立つツー ル～ ま た 勉 強 会 で ～

自分の地域や訪れた場所

気付いた変化新しい発見

楽しんで マ ッピング！みんな で作る