まち歩きマップメーカーのススメ / Town walk map manufacturer's recommendation

まち歩きマップメーカーの紹介資料

[まち歩きマップメーカーサイト]
https://armd-02.github.io/mapmaker/

[ソースコード/開発サイト]
https://k-sakanoshita.github.io/mapmaker/

Transcript

1. 「まち歩きマップメーカー」のススメ 坂ノ下 勝幸 OpenStreetMap Foundation Japan / 諸国・浪漫 Facebook: K.Sakanoshita Twitter: @K_Sakanoshita
2. まずは、基本的なこと • Google MapsやYahoo!地図を 印刷して、第三者に配布することは、 利用規約で禁止されています。 ※私的複製の範囲なら大丈夫 Google マップ / Google Earth 追加利用規約 https://www.google.com/intl/ja_JP/help/terms_maps/ Yahoo!地図ヘルプ - リンク・転載・二次利用について https://www.yahoo-help.jp/app/answers/detail/p/566/a_id/41136/~/リン ク・転載・二次利用について
3. 好きな見た目で印刷したい • 禁止なだけでなく、スクリーンショットだと 不要なアイコンが表示されてしまい、好きな 色や見た目にするのは大変
4. そこで「まち歩きマップメーカー」 誰でも簡単にカスタムマップ画像を作れるサイト OpenStreetMapのデータを使うので自由に使える まち歩きマップメーカー https://armd-02.github.io/mapmaker/
5. 使い方:1.切り出す地図を表示させる 左ボタンを押しながらマウスを動かすと地図が動く マウスのホイールを回すと、地図が拡大縮小する 現在位置へ移動します (GPS内蔵PCなど)
6. 使い方:2.データのダウンロード ボタンを押すとデータがダウンロードされ 地図の見た目を変更出来るようになる ※地図データのダウンロードには数十秒程かかる
7. 使い方:3.地図のカスタマイズ開始 1.「マップを編集」ボタンを押すと 　詳細メニューが表示されます 場所を間違えた場合、「最初からやり直す」を 押すことで、文字通り、最初からやり直せます ＜おまけ＞ 地図をクリックすると、クリックした 地点にある地物が表示・非表示されます
8. 使い方:4.地図のカスタマイズ設定 1.「 」を押すと非表示に出来る ️ 🗑️ 　ボタンを押すと色を変更出来る 2.数字を変更すると太さが変わる 3.色のボタンを押すと色を変更出来る 　※色の決定はブラウザによって違う 　　　左図は、枠外をクリックすると決定
9. 使い方:5.地図のカスタマイズ設定 2.表示させたい地物を選んで「決定」を 　押すと地図上にアイコンが追加される 　※「 　」を押すと一括選択が出来る 1.マーカーボタンのメニューを選択すると 　任意のアイコンを追加することが出来る
10. 使い方:6.地図画像をダウンロード カスタマイズが終わったら、画像ファイルの 種類を選んで地図画像をダウンロードする 　PNG画像：一般的に使われている画像 　SVG画像：Illustratorなどに向いた画像 　※分からない場合は、PNGを選択すれば大体大丈夫
11. 画像を色んなことに使ってみよう！ 利用規約として、地図の端に「 OpenStreetMap contributors © 」と 書いてください。それだけ守れば、商用利用も含めて自由に使えます （詳細）https://www.openstreetmap.org/copyright （例）万博記念公園の地図（背景色は透明） OpenStreetMap contributors ©
12. こんなチラシに使ってみました！
13. アイデア次第で色々と使えます！
14. さぁ、使ってみよう！ 自由な地図がみんなの役に立ちますように まち歩きマップメーカー https://armd-02.github.io/mapmaker/