簡単にWebマップを作成するツールの紹介

-------

[アーバンデータチャレンジ2017](http://urbandata-challenge.jp/)の[神奈川拠点](http://www.kokuchpro.com/event/udc20171011kanagawa/)のイベントでプログラムを書かずに作成できるWebマップツールを紹介しました。

こちらにも抜粋してご紹介をしたいと思います。
いろんなツールがあるので目的にあったものを選択して地図を作ってみてください。

#### Webマップ作成ツール
1. Googleマップ (Googleローカル)
2. Googleマイマップ
3. Stroly
4. MappinDrop
5. CARTO
6. OpenStreetMap (OSM)
7. uMap
8. Jauntful
9. Mapillary


### Googleマップ (Googleローカル)

Googleマップに施設の情報や写真を自分で登録が可能

![スクリーンショット 2017-11-30 18.33.22.png](https://qiita-image-store.s3.amazonaws.com/0/10237/18647119-cc41-bfc9-811b-d9138e4b28a3.png "スクリーンショット 2017-11-30 18.33.22.png")


* URL: https://maps.google.com/
* 地図に載っていない場所の追加が可能
* クチコミ情報や写真の投稿、場所の編集・追加が可能
* 追加編集には「Googleアカウント」でログインが必要
* 追加したものは共有データとして一般公開される
* 特定の場所だけを表示することは出来ない
* 商用利用や印刷して道案内には利用出来ない

### Googleマイマップ
自分だけの地図を作成して、オンラインで共有可能

![Kobito.70bd2c.png](https://qiita-image-store.s3.amazonaws.com/0/10237/e72438de-85b3-2138-caba-da080cc04002.png "Kobito.70bd2c.png")


* URL: https://www.google.com/mymaps
* 自分の地図を作成して、オンラインで共有可能
* 追加編集には「Googleアカウント」でログインが必要
* CSV、Excel、KML、GPXファイルが入力して、独自の場所をポイントとして表示可能
* Googleドキュメントと同じように、非公開、限定公開、一般公開と公開方法を選択できる

### Stroly
古地図や紙地図に緯度経度情報を連携させてWebマップにポイントを表示させるサービス

![Kobito.85KSSZ.png](https://qiita-image-store.s3.amazonaws.com/0/10237/daf9530f-3bbc-c978-9431-db9d300e6525.png "Kobito.85KSSZ.png")


* URL: https://stroly.com/
* 古地図や紙地図に緯度経度情報を連携させてWebマップにポイントを表示させるサービス
* 無料で利用することが出来る
* Web地図と画像表示を切り替えて表示出来る
* 作成は紙地図を画像にしてそこにPCでピンを置いていくだけ

### MappinDrop
地図にピンを刺すような感覚で、スタイリッシュな地図を個人がデザインするサービス
![Kobito.Ex1l7f.png](https://qiita-image-store.s3.amazonaws.com/0/10237/0547a3f9-62dd-2555-d110-c8faf62406cd.png "Kobito.Ex1l7f.png")

* URL: http://mappindrop.info-mapping.com/mobara/
* 地図にピンを刺すような感覚で、スタイリッシュな地図を個人がデザインするサービス
* 自治体が整備している地形図をオープンデータとして利用
* おしゃれに色鮮やかに地図をデザイン出来る
* 無料で利用することができる
* 著作権フリーで再配布・公開等も可能
* 画像ファイルに出力、紙に印刷が出来る
* 空間情報の会社の株式会社パスコが提供している

### CARTO
位置に関する情報を測定・比較・分析して地図用に表現し、ビジネスに活用することが出来るサービス

![Kobito.fw7hJL.png](https://qiita-image-store.s3.amazonaws.com/0/10237/68c75cd5-4d4e-697b-9654-2371b7d9fbdf.png "Kobito.fw7hJL.png")


* URL: https://carto.com/
* 位置に関する情報を測定・比較・分析して地図用に表現し、ビジネスに活用することが出来るサービス
* ~~無料で利用可能、但し機能制限がある (有料プランあり)~~
* CARTOアンバサダー、研究者、学生向け無料プランあり (2017/12/19更新)
* GitHubにオープンソースでソースコードが公開されている
* JavaScriptライブラリやAPIも豊富で様々な独自表現が可能
* 背景地図の変更やカスタマイズが可能
* 時系列データがあれば簡単にアニメーション地図が作成出来る
* 空間情報を使ったデータ分析が出来る

### OpenStreetMap (OSM)
誰でも編集出来て、自由に利用できるサービス
![Kobito.HQpK4u.png](https://qiita-image-store.s3.amazonaws.com/0/10237/c325d7ca-5b1d-85d7-f3c5-eec360e1b6ab.png "Kobito.HQpK4u.png")

東京ディズニーランド周辺: https://www.openstreetmap.org/#map=16/35.6326/139.8835


* URL: https://www.openstreetmap.org/
* ボランティアによって作成された無料であり、編集可能な世界地図データ
* ウィキペディアの地図版とも言われている
* 商用も含めて、自由に利用、印刷や配布、コピー、転載ができるデータベースライセンスを採用
* 始まりは2004年イギリス
* ブラウザーからも簡単に編集出来る
* 地物、場所だけではなく、道路、建物、橋等も編集出来る
* マッピングパーティという編集イベント等も開催されている
* OSMのデータを使って、いろいろな物に使われている

### uMap
自分用マップ作成ツール

![Kobito.kJB8zT.png](https://qiita-image-store.s3.amazonaws.com/0/10237/f64c2e61-daac-cc3c-8e07-59b03f6d9d1a.png "Kobito.kJB8zT.png")

* URL: http://umap.openstreetmap.fr/ja/
* 自分用マップ作成ツール
* OSM地図をベースに点、線、面を描画/入力可能
* CSV、Excelファイルからデータ入力可能
* 無料で利用可能
* 公開・非公開の設定が出来る
* 外部より動的にデータを取得できる
* 地図を作成しておけばOSMのデータ更新するだけで自動に更新される
* 別サービスのoverpass turboでOSMデータを抽出できる
* GitHubにオープンソースとして公開されている

### Jauntful
ガイドマップ作成サービス

![Kobito.khAjJ2.png](https://qiita-image-store.s3.amazonaws.com/0/10237/8906202a-da42-94a8-5668-51c7a31f14bb.png "Kobito.khAjJ2.png")


* URL: https://jauntful.com/
ガイドマップ作成サービス
* OpenStreetMap をベースに 写真＋記事を追加してガイド マップを作成
* 位置を決めて写真と記事を投稿するだけ
* 無料で利用可能、但し機能制限がある (有料プランあり)
* ガイドマップに印刷可能


### Mapillary

位置情報付きの写真を共有するサービス。手作りストリートビュー

![Kobito.vz4iBV.png](https://qiita-image-store.s3.amazonaws.com/0/10237/f2b7bdea-8dd0-1da7-eea8-ecd00b429e31.png "Kobito.vz4iBV.png")

* URL: https://www.mapillary.com/
* 位置情報付きの写真を共有するサービス
* 手作りストリートビュー
* 専用アプリから位置情報を使って写真を共有する
* 自動車、自転車、歩き等の移動しながら写真撮影可能
* パノラマや3D写真も登録可能
* 無料で利用可能
* 自動で顔等は認識してぼかしが入る
* 一度アップした写真は削除出来ない

最後に
---
他にもマップ作成のツールはあるので機会があれば紹介をしていきたいと思います。ツールの深掘りも面白いかもしれませんね。