Ralph
Ralph
Сообщить

Создать карту города

Инструкция
Citystreets.xcs
Citystreets
.xcs
Сценарий применения
Лазерная обработка、Струйная печать、Рисунок пером (120min)
Машина и модуль
xTool P2S
55W
Совместимые · 12
Используемый материал
Фанера из тополя 3 мм
68
1152

Информация

      Как создать подробную карту дорог города с помощью Open Street Map
    

Инструкция

1

Шаг1: Запрос OpenStreetMap

Создать карту города instruction: step 1 - Запрос OpenStreetMap
Предварительный просмотр

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

Например: style="margin-left:16px;">[out:json];
(
    {{geocodeArea:Amsterdam}};
)->.searchArea;
(
 relation[boundary=adminstrative]["admin_level"="10"](area.searchArea);
 way["highway"="motorway"(area.searchArea););

внешнего тела;
>;
Аут Скел Qt;

Используйте кнопку «Загрузить», чтобы получить больше примеров возможностей Overpass. Для получения дополнительной информации об использовании языка Overpass QL посетите https://wiki.openstreetmap.org/wiki/Overpass_API/Overpass_QL  — если вы не боитесь крутой кривой обучения :-)

Далее используйте кнопку Экспорт, чтобы скачать результат запроса в виде файла GeoJSON.
 

2

Шаг2: Конвертировать GeoJSON в SVG с помощью Mapshaper

Создать карту города instruction: step 2 - Конвертировать GeoJSON в SVG с помощью Mapshaper
Предварительный просмотр
Создать карту города instruction: step 2 - Конвертировать GeoJSON в SVG с помощью Mapshaper
Предварительный просмотр
  • Перейдите в https://mapshaper.org/ и загрузите файл GeoJSON, сохранённый на предыдущем шаге.
  • Нажмите на имя файла в центре верхней части страницы и сделайте все слои видимыми, выбрав иконки глаз.
  • Далее нажмите на левую иконку базовой карты справа в верхней части экрана, чтобы показать карту региона в виде фона. Это также учитывает искажённое соотношение ширины/высоты отображения... Теперь.
  • Используйте кнопку «Экспорт» (в правом верхнем углу страницы), чтобы сохранить его как SVG.
  • И наконец, сделайте скриншот страницы, он нужен на следующем этапе, чтобы правильно определить соотношение ширины и высоты.
3

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

Создать карту города instruction: step 3 - Редактировать карту в Inkscape
Предварительный просмотр

Если ещё не сделали этого, скачайте и установите Inkscape (https://inkscape.org/).

  • Откройте SVG в Inkscape.
  • Выберите все и установите цвет заполнения на Нет, а цвет мазка — на чёрный.

Вы, вероятно, заметите, что соотношение высоты и ширины карты неверное. Вот тут и появляется скриншот карты из Mapshaper.

  • Вставьте скриншот в Inkscape. Это добавляется как отдельный слой.
  • Заблокируйте этот слой и установите прозрачность на ~30%.
  • Теперь вы можете изменить высоту и ширину svg до правильных значений, накладывая линейный рисунок на изображение карты на заднем
  • плане.
  • Удалите изображение Mapshaper, когда закончите.

Теперь вы можете редактировать реплики по своему вкусу. Например, можно сделать линию с городской границей немного толще.

Не забывайте сохранять свою работу!

4

Шаг4: Используйте SVG

Создать карту города instruction: step 4 - Используйте SVG
Предварительный просмотр

Теперь используйте SVG как угодно!

Например, импортировать новый файл svg в XCS и сжечь его как кусок дерева. Или используйте ручку-плоттер, чтобы сделать красивый рисунок.

Комментарии

Ремиксы

Принадлежности xTool, использованные в этом проекте

Связанные коллекции

Связанные теги

Лицензия