Ralph
Ralph
신고

도시 지도 작성

지침
Citystreets.xcs
Citystreets
.xcs
응용 시나리오
레이저 가공、잉크젯 인쇄、펜 드로잉 (120min)
기계 및 모듈
xTool P2S
55W
호환되는 · 12
사용된 재료
3mm 재단된 바스우드 합판
68
1134

정보

      Open Street Map으로 도시 도로의 상세 지도를 만드는 방법
    

지침

1

단계1: OpenStreetMap 쿼리

도시 지도 작성 instruction: step 1 - OpenStreetMap 쿼리
미리보기

https://overpass-turbo.eu/ 에 가서 쿼리를 입력해 해당 지역의 거리를 선택하세요.

예를 들어:

[out:json];
(
    {{geocodeArea:Amsterdam}};)
->.searchArea;
(
 relation[boundary=adminrative]["admin_level"="10"](area.searchArea);
 way["highway"="motorway"(area.searchArea);
);
몸 밖;
>;
아웃 스켈 QT;

Load 버튼을 사용해 Overpass의 가능성을 더 많이 확인할 수 있습니다. 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 재단된 바스우드 합판

관련 컬렉션

관련 태그

라이센스