Slide 1

Slide 1 text

iD講習資料 坂ノ下 勝幸 諸国・浪漫 / OpenStreetMap Foundation Japan Facebook: K.Sakanoshita Twitter: @K_Sakanoshita

Slide 2

Slide 2 text

Agenda  大事なこと  OpenStreetMapの描き方  地図編集アプリ「iD」の使い方  地図を描く時のちょっとしたコツ  【おまけ】地図の印刷方法 P.2

Slide 3

Slide 3 text

大事なこと 他の地図からコピーしない 地図作りを楽しんでください! P.3

Slide 4

Slide 4 text

OpenStreetMapの描き方 P.4

Slide 5

Slide 5 text

OpenStreetMap(OSM)の描き方  現地調査(サーベイ)で情報を集める  調査の結果を紙地図にメモする  デジカメで写真を撮る(遠景と近景)  アプリを使って地図を描く  スマホからパソコンまで、色んなアプリで描ける  スマホなら「ポイント」(お店やトイレなど)を描ける  パソコンなら「ライン、エリア」(道路や建物)も描ける P.5

Slide 6

Slide 6 text

地図を描くツール:JOSM  Javaで動作するパソコン用ソフト  本格的なマッピング向けの高性能・多機能なツール ○ 高速、広範囲の編集、プラグイン、各種支援ツールなど  多機能なため、少し操作を覚える必要がある P.6

Slide 7

Slide 7 text

地図を描くツール:MAPS.ME  Android/iPhone/iPadアプリ  地図をダウンロードして使える ○ 海外で通信しなくても地図が使える ○ 通信しないので店舗検索も一瞬 ○ ナビ機能でルート検索も出来る  地図(OSM)に情報を追加出来る ○ 種類と名前を入れるだけで登録 ○ 道路(ライン)や建物(エリア)を 描く機能は用意していない P.7

Slide 8

Slide 8 text

地図を描くツール: iD  OpenStreetMap公式のWebアプリ  JOSMとMAPS.MEの中間的な性能・機能  建物から道路まで、ひと通りの地図が描ける P.8

Slide 9

Slide 9 text

地図編集アプリ「iD」の使い方 P.9

Slide 10

Slide 10 text

講習の流れ  描きたい場所へ移動  マウス操作で、地図を描きたい場所へ移動する  iDを起動する  編集ボタンを押して編集開始  地図に何を描くか考える  地図を描いてみよう  OpenStreetMapの仕組みを簡単に説明する  町歩き(サーベイ)で見つけたものを実際に描く  地図をアップロード  変更内容のコメントを入力してアップロード P.10 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 11

Slide 11 text

OpenSteetMapのサイトを開く  OpenStreetMapのWebサイトを開く  https://osm.org  ログインする。または、ログイン済みを確認 P.11 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 12

Slide 12 text

地図を描きたい場所へ移動する  地図上でマウスの左ボタンを押しながら動かす  地図の拡大縮小は、ホイールをくるくるする P.12 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 13

Slide 13 text

iDを起動する  メニュー「編集」の右側にある「▼」をクリック  「iD(ブラウザ内エディター)で編集」をクリック P.13 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 14

Slide 14 text

iDのチュートリアルはしない  始めての時は、チュートリアルするか質問される  チュートリアルは行わずに、編集開始を選択 P.14 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 15

Slide 15 text

iDの編集画面  地図はポイント、ライン、エリアで出来ている  これらにタグ(情報)を付けると地図が出来る P.15 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 16

Slide 16 text

何を地図に描くか考える  現地調査でメモしたものから、最初に描きたいも のを考えよう(簡単なポイントがおすすめ)  ポイント(地図にはアイコンで表示)  石碑、案内板、自動販売機、像、樹木、ベンチなど  ライン(地図には線で表示)  道路、歩道、並木、生垣、川、壁、フェンス、擁壁など  エリア(地図には領域が塗られて表示)  建物、池・沼、駐車場、広場、庭園、森林、プールなど P.16 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 17

Slide 17 text

地図の精度について  あんまり気にしないでOK  測量と違うので、数m程度は誤差の範囲  間違えていても、気づいた人が直せば良い  名前は少し気をつける  コンピュータが検索出来るようにする ○ 種別(お店や公共施設、案内板など)は「タグ」で入力 ○ 現地(看板など)に書かれた「正式名・固有名」を入力 ○ 名前が見つからない時は、名前は入力しない(空欄)  名称指定のよくあるミス ○ × コンビニ → 店種は shop タグで表現 ○ × 駅前のローソン → 「駅前」の解説は不要 ○ × 松本清 → 漢字にしない(マツモトキヨシ) ○ × Family Mart → チェーン店はルール有(表記揺れ) ○ × ローソン(Lawson) → 英語名は「多言語名称」から追加 P.17 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 18

Slide 18 text

ポイントを描いてみよう!  「ポイント」をボタンを押して、場所をクリック P.18 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 19

Slide 19 text

タグ(情報)を設定してみよう!  ポイントが追加されたら左画面でタグを設定 P.19 キーワードを入れて検索 例:「木」「レストラン」「コンビニ」など 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 20

Slide 20 text

タグ(情報)を設定してみよう!  検索結果から目的のタグ(情報)を選択する P.20 1.例えば「木」と入力 2.「樹木・林」をクリック ※クリックすると説明が表示される 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 21

Slide 21 text

タグ(情報)を設定してみよう!  詳細情報を入力して登録する P.21 1.「木」の種類は書かない(桜、モミの木など) 木自体に名前があれば書く(右近の橘など) ※分からなければ空欄(「不明」とかは不要) 2.入力が終わったら「レ」をクリックして登録 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 22

Slide 22 text

OpenStreetMapに保存してみよう!  登録が出来たら保存ボタンを押す P.22 1.「保存」ボタンを押す(右側の数字は変更数) 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 23

Slide 23 text

OpenStreetMapに保存してみよう!  登録内容の概要をコメント入力する P.23 1.【重要】「どこ」の「何」を「どうした」と書く ※他のマッパーが、いたずらや間違いでは 無いことを確認するために読むコメント ※色々描いた場合は、主な内容を書くこと 2.「アップロード」を押すと保存される 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 24

Slide 24 text

P.24 登録完了 (C) yasunari(at)yamasita.jp CC BY-SA

Slide 25

Slide 25 text

ラインも地図に描いてみよう!(1/2)  ラインの代表として、道路を描いてみる P.25 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 26

Slide 26 text

 線を描いて、敷地内道路のタグを追加する ラインも地図に描いてみよう!(2/2) P.26 1.近くの道路まで、マウスを 動かしてクリックで繋げる ※建物の近くだと、くっつくの で、ズームして距離を取る 2.マウスを動かすと線が動く。道路の 終わり(または分岐)まで動かして ダブルクリックでラインが出来る 3.検索してタグを追加する(ポイントと同じ) 例えば「道路」で検索して「敷地内道路」 を選択(他にも歩道、住宅区内道路も) ※道路の種類を推測して近い物を選択 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 27

Slide 27 text

 エリアの代表として、建物を描いてみる エリアも地図に描いてみよう!(1/2) P.27 2.建物の四隅の一点をクリック 3.マウスを動かすと線が動く。四隅を クリックすると建物の輪郭が出来る ※最後はダブルクリックで終了 1.エリアをクリック 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 28

Slide 28 text

 四角を描いて、建物のタグを追加する エリアも地図に描いてみよう!(2/2) P.28 1.検索してタグを追加する(ポイントと同じ) ※例えば「建物」で検索する 2.建物で検索すると2種類表示される 下は「一戸建て住宅」「ビル」などの 建物の種類がまとめられたグループ ※建物の種類を推測して近い物を選択 描きたい場所へ移動 iDを起動する 地図を描いてみよう 地図をアップロード

Slide 29

Slide 29 text

地図を描く時のちょっとしたコツ P.29

Slide 30

Slide 30 text

【Tips】道路が建物にくっついた  道路と建物を引き離す(建物以外もOK) P.30 1.くっついたポイントを右クリック すると、メニューが表示される 2.接続解除のメニューを選択 するとポイントが2つになる ※ポイントを動かすと分かれる

Slide 31

Slide 31 text

【Tips】建物を四角にしちゃおう!  几帳面な方に是非試して欲しい機能 P.31 1.建物の輪郭を右クリックする とメニューが表示される 2.四角アイコンを選択すると 建物がキレイな四角になる

Slide 32

Slide 32 text

【Tips】道路のカーブを滑らかにしよう! P.32  ラインの中にある△を動かすとポイントになる ラインの中にある△を動かすとポイン トになるので、滑らかに配置します

Slide 33

Slide 33 text

【Tips】道路を分割しちゃおう  呼び名が変わったり橋を描く時に分割します P.33 1.ラインの中のポイントを右リック 2.「✂」マークを選ぶと分割

Slide 34

Slide 34 text

【Tips】道路に橋を掛けちゃおう  橋の部分を分割して橋とレイヤーを指定します P.34 1.橋が終わった所で分割 3.橋を掛ける道路を選択 2.橋が終わった所で分割 4.「橋」を選択 5.川のレイヤーより大きい値を設定 ※川のレイヤーが無い場合は「1」 川のレイヤーが「-1」の場合は無し

Slide 35

Slide 35 text

【Tips】「広場」を描いて見よう  エリアを描いて「ペデストリアンデッキ」を検索 P.35 1.エリアで広場の領域を描く 2.ペデストリアンデッキを検索 3.広場の中に歩道を描くとナビゲーションで使える