0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

OpenSouceMapに当校の場所を記載してみた。

Last updated at Posted at 2020-12-20

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

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

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

\ないー!/
map.png

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

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

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

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

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

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

##建物の登録
①「エリア」を選択します。
② 地図内で建物を囲みます。
 非常に細かく、何度かやり直しました。。。
image.png
こちらも検索から「短大・高専・専門学校(建物)」を選択し、
詳細な情報を追記。(近くの不来方高校を参考に・・・)
image.png

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

ヤッター!
登録されました!
image.png

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

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

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

ちょっと脱線しますが、
企業に頼らず地図を作る(OSM)

自分たちのテクノロジーで住んでいる町を豊かにする

こういった考えはシビックテックにも繋がります。(無理やり感)
CodeforIwateという団体もありますので、ぜひ参加してみてください。
https://code4iwate.org/

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

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?