Поскаржитись

[Laser cut and engrave,Inkjet printing,Pen drawing] Create a city map — Project made with xTool P2S machine for Laser cut and engrave.

Створити карту міста

Інструкція

Citystreets

.xcs

Сценарій застосування

Лазерна обробка、Струйна друк、Малюнок олівцем (120min)

Машина та модуль

xTool P2S

55W

Використаний матеріал

3 мм тополева фанера

будь-який

2586

Інформація

      Як створити детальну карту доріг міста за допомогою Open Street Map

Карти

Вісім

Естакада

Інструкція

Крок1: Запит до OpenStreetMap

Створити карту міста instruction: step 1 - Запит до OpenStreetMap

Попередній перегляд

Перейдіть у https://overpass-turbo.eu/ і введіть запит, щоб вибрати вулиці в певному регіоні.

Наприклад:

[out:json];
(
{{geocodeArea:Amsterdam}};
)->.searchArea;
(
relation[boundary=adminstrative]["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: Конвертація GeoJSON у SVG за допомогою Mapshaper

Створити карту міста instruction: step 2 - Конвертація GeoJSON у SVG за допомогою Mapshaper

Попередній перегляд

Перейдіть у https://mapshaper.org/ і завантажте файл GeoJSON, який ви зберегли на попередньому кроці.
Натисніть на назву файлу посередині верхньої частини сторінки і зробіть усі шари видимими, вибравши іконки очей.
Далі натисніть на ліву іконку базової карти праворуч у розділі «to» екрану, щоб показати карту регіону як фон. Це також враховує спотворене співвідношення ширини/висоти відображення... Поки що.
Використайте кнопку Експорт (у верхньому правому куті сторінки), щоб зберегти його як SVG.
І нарешті, зробіть скріншот сторінки, він потрібен на наступному кроці, щоб правильно визначити співвідношення ширини і висоти.

Крок3: Редагувати карту в Inkscape

Створити карту міста instruction: step 3 - Редагувати карту в Inkscape

Попередній перегляд

Якщо ще не зробили цього, завантажте та встановіть Inkscape (https://inkscape.org/).

Відкрийте SVG у Inkscape.
Виберіть усі та встановіть колір заповнення на Non, а колір мазків — на чорний.

Ви, ймовірно, помітите, що співвідношення висоти і ширини на карті є неправильним. Ось тут і з'являється скріншот карти з Mapshaper.

Вставте скріншот у Inkscape. Це додається як окремий шар
Заблокуйте цей шар і встановіть прозорість на ~30%.
Тепер ви можете змінити висоту і ширину svg до правильних значень, накладаючи малюнок лінії на зображення карти на фоні.
Видаліть зображення Mapshaper, коли закінчите.

Тепер ви можете редагувати репліки на свій смак. Наприклад, можна зробити лінію з міським кордоном трохи товстішою.

Не забувайте зберігати свою роботу!