産業技術短期大学校情報技術科アドベントカレンダー2020用の記事です。

OpenStreetMapに関する記事を書こうと思います。
OpenStreetMapとは・・・
オープンデータの地図情報です。

さて、地図上で矢巾駅からの経路をJavascriptで表示するものを作りたかったのですが、、

＼ないー！／

岩手医科大学はあるのに
矢巾に岩手医科大学より古くからある当校がない・・・・

ということで、OpenStreetMap（OSM）の編集をしてみました。
#編集してみる
まずはOSMにユーザー登録をし、ログインができたら
編集ボタンを押して編集したい地へとたどり着きます。

俯瞰した写真が現れます。
上空から見た写真だとちゃんと存在していますね！

##地点の登録
まずは地点を登録しましょう。
①「ポイント」を選択します。
②地図上で地点を選択します。
③左側の欄で
　「短大」と探すと短大の敷地か建物かを選べます。

##敷地の登録
当校のエリアを囲んでみましょう。
①「エリア」を選択します。
② 地図内で敷地を囲みます。
　クリックで点が打てますので、いい感じに囲みます。
　最初に打った点に重ねてクリックするとエリアを囲み終わります。

③左側の欄に敷地に対する説明を入力します。
　「短大」と探すと短大の敷地か建物かを選べます。
　敷地を選択し、詳細情報の入力画面に移ります。
　今回は初めてということもあり、名称とWebサイトのみ入力しました。

##建物の登録
①「エリア」を選択します。
② 地図内で建物を囲みます。
　非常に細かく、何度かやり直しました。。。

こちらも検索から「短大・高専・専門学校（建物）」を選択し、
詳細な情報を追記。（近くの不来方高校を参考に・・・）

編集が終わったら「保存」ボタンからアップロードして全世界に公開します。

ヤッター！
登録されました！

引きで見るとこんな感じです。

##さいごに
OSMはユーザー登録すればだれでも編集可能です！！
広い岩手県ですから、まだまだ手つかずの地がありそうです。
みなさまも周りの施設などを登録してみましょう。

世界がOpenStreetMapを必要とする理由
https://qiita.com/nyampire/items/073c850f083cf9fb8d35

ちょっと脱線しますが、
企業に頼らず地図を作る（OSM）
↓
自分たちのテクノロジーで住んでいる町を豊かにする
↓
こういった考えはシビックテックにも繋がります。（無理やり感）
CodeforIwateという団体もありますので、ぜひ参加してみてください。
https://code4iwate.org/

次回はこの地図を使って経路を表示してみたいと思います！

See the Pen Map by abeharuna (@h-abe) on CodePen.