Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Cdf45605a1adfab81061bc1c4444847a?s=47 K.Sakanoshita
November 23, 2020

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

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

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

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

Cdf45605a1adfab81061bc1c4444847a?s=128

K.Sakanoshita

November 23, 2020
Tweet

Transcript

  1. 「まち歩きマップメーカー」のススメ 坂ノ下 勝幸 OpenStreetMap Foundation Japan / 諸国・浪漫 Facebook: K.Sakanoshita

    Twitter: @K_Sakanoshita
  2. まずは、基本的なこと  Google MapsやYahoo!地図を 印刷して、誰かに配布することは、 利用規約で禁止されています。 ※私的複製の範囲なら大丈夫 P.2 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. 好きな見た目で地図を印刷したい  それに、地図にはたくさんアイコンが 表示されているので、自分の好きなよう に色や見た目を変更するのは大変 P.3

  4. そこで「まち歩きマップメーカー」  誰でも簡単にカスタム地図を画像に描きだせるサイト P.4 まち歩きマップメーカー https://armd-02.github.io/mapmaker/

  5. 使い方:1.切り出す地図を表示させる P.5 2.マウスのホイールを回すと拡大縮小します 1.左ボタンを押しながらマウスを動かすと地図が動きます 現在位置へ移動します (位置対応PCのみ)

  6. 使い方:2.地図データのダウンロード P.6 1.クリックすると地図データをダウンロードし、  地図の見た目を変更出来るようになります  ※地図データのダウンロードには数十秒程かかります

  7. 使い方:3.地図のカスタマイズ開始 P.7 1.「マップを編集」ボタンを押すと  詳細メニューが表示されます 場所を間違えた場合、「最初からやり直す」を 押すことで、文字通り、最初からやり直せます <おまけ> 地図をクリックすると、クリックした 地点にある地物が表示・非表示されます

  8. 使い方:4.地図のカスタマイズ設定 P.8 1.「 」を押すと非表示に出来ます ️ ️ ボタンを押すと色を変更出来ます 2.建物・森林・庭園・道路などの  輪郭線の太さと色の変更が出来ます

  9. 使い方:5.地図のカスタマイズ設定 P.9 2.表示させたい地物を選択して「決定」を  押すと地図上にアイコンが追加されます  ※「 」を押すと一括選択が出来ます ☑ 1.「 」を押して、メニューを選択すると  任意のアイコンを追加することが出来ます

  10. 使い方:6.地図画像をダウンロード P.10 カスタマイズが終わったら、画像ファイルの 種類を選んで地図画像をダウンロードします  PNG画像:一般的に使われている画像  SVG画像:Illustratorなどに向いた画像  ※分からない場合は、PNGを選択すれば大体大丈夫です

  11. 画像を色んなことに使ってみよう! P.11 利用規約として、地図の端に「 OpenStreetMap contributors © 」と 書いてください。それだけ守れば、商用利用も含めて自由に使えます (詳細)https://www.openstreetmap.org/copyright (例)万博記念公園の地図(背景色は透明)

    OpenStreetMap contributors ©
  12. こんなチラシに使ってみました! P.12

  13. アイデア次第で色々と使えます! P.13

  14. まち歩きマップメーカー https://armd-02.github.io/mapmaker/ さぁ、使ってみよう! P.14 自由な地図がみんなの役に立ちますように