Ralph
Ralph
報告

都市地図を作成する

指示
Citystreets.xcs
Citystreets
.xcs
アプリケーションシナリオ
レーザー加工、インクジェット印刷、ペン描き (120min)
機械とモジュール
xTool P2S
55W
互換性のある · 12
使用される材料
3mmのバスウッド合板
68
1135

情報

      Open Street Mapで都市の道路の詳細な地図を作成する方法
    

指示

1

ステップ1: OpenStreetMap クエリ

都市地図を作成する instruction: step 1 - OpenStreetMap クエリ
プレビュー

https://overpass-turbo.eu/ にアクセスし、クエリを入力してリージョン内の通りを選択します。

例えば:

[out:json];
(
    {{geocodeArea:Amsterdam}};)
->.searchArea;
(
 relation[boundary=administrative]["admin_level"="10"](area.searchArea);
 way["highway"="motorway"(area.searchArea);
);
アウトボディ;
>;
出てスケルQT;

ロードボタンを使って、オーバーパスの可能性のさらなる例を見ることができます。Overpass QL言語の使い方について詳しく知りたい方は、https://wiki.openstreetmap.org/wiki/Overpass_API/Overpass_QL  をご覧ください。急な学習曲線を恐れなければ :-)

次に、エクスポートボタンを使ってクエリ結果をGeoJSONファイルとしてダウンロードしてください。
 

2

ステップ2: MapshaperでGeoJSONをSVGに変換する

都市地図を作成する instruction: step 2 - MapshaperでGeoJSONをSVGに変換する
プレビュー
都市地図を作成する instruction: step 2 - MapshaperでGeoJSONをSVGに変換する
プレビュー
  • https://mapshaper.org/ に行き前のステップで保存したGeoJSONファイルを読み込みます。
  • ページ上部の中央にあるファイル名をクリックし、目のアイコンを選択してすべてのレイヤーを表示させます。
  • 次に、画面の右側にある左側のベースマップアイコンをクリックすると、その地域の地図を背景として表示します。これにより、地図の幅と高さの歪んだ関係も解決できます...今のところ。
  • ページ右上のエクスポートボタンを使ってSVGとして保存してください。
  • 最後に、ページのスクリーンショットを撮ってください。次のステップで幅と高さの関係を正しく設定する必要があります。
3

ステップ3: Inkscapeでマップを編集してください

都市地図を作成する instruction: step 3 - Inkscapeでマップを編集してください
プレビュー

まだなら、Inkscape(https://inkscape.org/)をダウンロードしてインストールしてください。

  • InkscapeでSVGを開いてください。
  • すべてを選択し、塗りつぶし色を「なし」、ストロークカラーをに設定します。

地図の高さと幅の関係が正しくないことに気づくでしょう。ここでMapshaperのマップのスクリーンショットが役立ちます。

  • スクリーンショットをInkscapeに貼り付けてください。それは別のレイヤーとして追加されます。
  • このレイヤーをロックし、透明度を~30%に設定してください。
  • さて、線描画を背景の地図画像に重ね合わせることで、SVGの高さと幅を正しい値に変えられます。
  • 終わったらMapshaperの画像を削除してください。

これで自分の好みにセリフを編集できます。例えば、市境の線をもう少し太くすることもできます。

作品を保存するのを忘れないでください!

4

ステップ4: SVGを使え

都市地図を作成する instruction: step 4 - SVGを使え
プレビュー

あとは好きなようにSVGを使ってください!

例えば、XCSで新しいsvgファイルをインポートして、それを木片として焼きます。あるいはペンプロッターを使ってきれいな絵を描くのも良いでしょう。

コメント

リミックス

このプロジェクトで使用される xTool の材料

3mmのバスウッド合板
3mmのバスウッド合板

関連コレクション

関連タグ

ライセンス