7.11. Экспорт карты в растровое изображение и подготовка к печати (Компоновщик карты) — документация NextGIS 1.12

Компоновщик карты используется для оформления и подготовки макета карты или атласа,
которые можно распечатать, сохранить как PDF-файл, изображение или SVG-файл. Это
способ для распространения географической информации, созданной в NextGIS QGIS,
которую можно распространять как статическое изображение.

Совет

Если же вам нужно показывать интерактивную карту в Интернете, то воспользуйтесь плагином NextGIS Connect.

Компоновщик карты предоставляет возможности вёрстки (размещения карт легенд и других
объектов на листе) и печати. Он позволяет добавлять такие элементы:

1. Карты.

2. Подписи.

3. Картинки.

4. Список условных обозначений.

5. Масштабные линейки.

6. Сетки на карте.

7. Фигуры.

8. Стрелки.

9. Таблицы данных.

10. HTML-фреймы.

Вы можете масштабировать, группировать, перемещать и поворачивать каждый элемент.
Макет может состоять из нескольких страниц. Макет можно сохранять в проекте. Так же
макет может быть использован для генерации атласа — сборника из нескольких карт.

7.11.1. Открытие компоновщика карты

Рис. 7.167. Запуск компоновщика карты через меню

Рис. 7.168. При запуске композера нажмите «ОK»

Перед началом работы в компоновщике карты нужно добавить в NextGIS QGIS
нужные слои и настроить их оформление. Когда в
основном окне карта отображается так, как вам нужно, нажмите Проекты ‣ Создать макет.
В диалоге вам предлагается ввести имя для нового макета карты. Его можно оставить пустым.

7.11.2. Обзор окна Компоновщика карты

Рис. 7.169. Окно компоновщика карты

Основные кнопки в компоновщике:

• Прокрутка макета

• Увеличение

• Выделить/переместить элемент

• Перемещение элемента по листу

• Редактировать произвольную фигуру

• Добавить карту

• Добавить изображение

• Добавить надпись

• Добавить легенду

• Добавить масштабную линейку

• Добавить указатель «север-юг»

• Добавить фигуру

• Добавить маркер

• Добавить стрелку

• Добавить произвольную фигуру

• Добавить HTML

• Добавить таблицу атрибутов

• Добавить произвольную таблицу

При открытии нового окна «Компоновщика карты» в нём будет белая область компоновки карты,
изображающая лист бумаги. В левой части окна находится панель кнопок, которые добавляют
объекты в область компоновки: текущую карту из NextGIS QGIS, надписи,
картинки, легенду, масштабные линейки, стрелки, таблицы атрибутов и HTML-фреймы.
Так же в этой панели находятся кнопки перемещения по области компоновки.
Это начальный вид окна Компоновщика карты без добавления каких-либо элементов
и выполненных команд.

Справа посредине находится панель c 3 вкладками: «Макет», «Свойства Элемента» и «Направляющие». Также при выборе режима создания Атласа (Атлас — Настройки атласа) появляется вкладка «Атлас».

Рис. 7.170. Вкладка «Макет»

На вкладке Макет задаются параметры бумаги: формат и соотношение сторон.
Регулятором Количество страниц можно добавить страницы в макет: их можно сверстать по-разному.
Регулятором Разрешение задаётся разрешение изображения в dpi.

Содержимое вкладки «Свойства Элемента» бывает разное для каждого выделенного
элемента в области компоновки карты. Выделите в ней карту или масштабную линейку
инструментом (стрелка) — содержимое вкладки будет другим.

На вкладке «Атлас» можно указать слой, по содержимому которого будет разрезаться
карта на отдельные страницы атласа.

Рис. 7.171. Вкладка «Атлас»

Вкладка «История команд» отображает историю всех изменений, сделаных в макете. Здесь
можно как отменить сделанные изменения, так и повторить ранее отмененные действия.

Макет сохраняется внутри файла проекта. Макетов может быть несколько.

7.11.3. Как подготовить карту к экспорту или печати

1. Нажмите кнопку «Добавить карту».

Рис. 7.172. Кнопка «Добавить карту»

2. Начертите прямоугольник в области карты.

3. Выделите карту в области компоновки: щёлкните на неё инструментом «Выделить/переместить элемент» и
   проверьте, рисуются ли квадратики по бокам элемента.

Рис. 7.173. Кнопка «Выделить/переместить элемент»

4. Откройте вкладку «Свойства элемента».

5. Настройте охват карты с масштабом и набор слоёв.

Для сдвига охвата — выделите карту инструментом «Выделить/переместить элемент»,
затем выберите инструмент «Переместить содержимое элемента».
Нажмите и ведите по карте мышкой — карта будет сдвигаться.

Рис. 7.174. Кнопка «Переместить содержимое элемента»

Для изменения масштаба карты вращайте колесо мыши. Если вращать с нажатой клавишей Control. —
масштаб будет меняться с меньшим шагом.

На вкладке «Свойства элемента» можно ввести точное значение масштаба с клавиатуры в поле Масштаб.

По нажатию кнопки «Текущий охват» — охват выставится такой же, как у основного окна NextGIS QGIS.
По нажатию кнопки «Установить охват для основной карты» — охват основной карты выставится
такой же, как у карты из макета.

Охват сохраняется в макете, и изменения в основном окне NextGIS QGIS
на него не влияют: вы можете в основном окне двигать карту, а в макете она останется такой же.

Рис. 7.175. Окно компоновщика карты

Добавление координатной сетки

В свойствах карты найдите галочку Сетка, нажмите там +.
Выберите систему координат, в которой будет рисоваться сетка. Если не знаете, какую выбрать —
используйте EPSG:4326

Подписи координатной сетки

Содержимое подписей можно генерировать выражением.

Сетка с подписями широты и долготы.

CASE
WHEN @grid_axis = 'x' AND  @grid_number < 0 THEN concat( @grid_number, '° з. ш. ')
WHEN @grid_axis = 'x' AND  @grid_number >= 0 THEN concat( @grid_number, '° в. ш. ')
WHEN @grid_axis = 'y' AND  @grid_number < 0 THEN concat( @grid_number, '° ю. д. ')
WHEN @grid_axis = 'y' AND  @grid_number >= 0 THEN concat( @grid_number, '° с. д. ')
END

CASE
WHEN @grid_axis = 'x' AND  @grid_number < 0 THEN concat(@grid_number, ' W')
WHEN @grid_axis = 'x' AND  @grid_number >= 0 THEN concat(@grid_number, ' E')
WHEN @grid_axis = 'y' AND  @grid_number < 0 THEN concat( @grid_number, ' S')
WHEN @grid_axis = 'y' AND  @grid_number >= 0 THEN concat( @grid_number, ' N')
END

Добавление разных других элементов

Рис. 7.176. Кнопка «Добавить изображение»

Добавление названия карты

Рис. 7.177. Кнопка «Добавить текст»

Предупреждение

При экспорте карты принято добавлять текст с ссылками на источники картографических данных.

Добавление условных обозначений (легенды)

Рис. 7.178. Кнопка «Добавить легенду»

Легенда по умолчанию обновляется автоматически. В свойствах легенды можно выключить
автоматическое обновление и переименовать или убрать из неё ненужные слои самому.

Рис. 7.179. Кнопки управления легендой, доступные при снятом флажке «Автообновление»

Комбинация и порядок слоёв, а так же стили по умолчанию не сохраняются: если вы
их переставите в основном окне, то в макете они поменяются. Но их изменение можно
заблокировать в свойствах элемента, поставив флажок в пунктах «Зафиксировать слои» и «Зафиксировать стили слоев».

Рис. 7.180. Блокировка слоев карты в компоновщике

Добавление масштабной линейки

Рис. 7.181. Кнопка «Добавить масштабную линейку»

При добавлении масштабной линейки необходимо проверить в свойствах проекта выбор эллипсоида для вычислений.
Если вы не знаете, какой должен быть — укажите там WGS 84.

7.11.4. Генерация атласа

Эта функция создаёт набор картинок с одинаковым макетом, но с разными участками карты.
Функция использует векторный слой охвата, который содержит геометрии и поля, например слой границ районов города. Функция нагенерирует много страниц, на каждой странице будет карта с каждым объектом слоя охвата.

Откройте вкладку «Атлас» и активируйте флажок «Создать атлас». Ниже в разделе «Параметры» выберите слой покрытия.

Рис. 7.182. Вкладка «Атлас» с выбранным слоем охвата

В окне компоновщика воспользуйтесь командами Атлас ‣ Экспорт атласа.

Доступны три вида экспорта: в изображения, в SVF и в PDF.

Функция генерации атласа может создать кучу изображений в одной папке, кучу pdf в одной папке, или один многостраничный pdf.

Более продвинутый вариант использования:
Поля слоя охвата могут быть использованы в выражениях фильтра слоя или в выражении в стилях. Например, можно нагенерировать атлас районов города, где подписи улиц будут печататься только в том районе, который показан на странице.

Захват большой Яндекс.Карты для печати

(Это обучающая статья. Если вы хотите заказать карту, вам сюда: plunix.ru/yandeks-ili-gugl-karta…)

В предыдущей заметке я рассказал, как захватить большое изображение (карту) по частям при помощи скриншотов и Фотошопа. Однако если есть средства для управления картой (API), то можно лёгким движением получить карту любого размера:

Такая карта получится в итоге

Зачем вообще такая большая карта? Неужели нельзя проматывать её на экране, или купить карту нужной области, повесить на стенку и втыкать в неё флажки?

С помощью инструментов Яндекс.Карт на карте можно расположить «умные» метки (например, разноцветные), маршруты и любую другую информацию. Эти операции можно выполнить вручную или автоматически. Потом карта с информацией печатается, вешается на стенку: это удобно, потому что видно сразу всю карту, а не только её часть. После распечатывания остаётся возможность порисовать на готовой карте.

Или вот ещё идея: распечатать карту с крестиками, а в них воткнуть настоящие флажки. Если объектов сотня, экономится немало времени.

Захват карты в 2 шага

Нам нужно:
1) отобразить карту необходимого масштаба и размера в браузере,
2) сохранить всю страницу в виде картинки (в том числе фрагменты, выходящие за область экрана).

Шаг 1. Отображаем большую карту в браузере

Открыть пример в отдельном окне

Сохраняем страницу в виде html-файла у себя на компьютере (Файл/Сохранить), затем правим блокнотом нужные параметры и запускаем этот html-файл.

Код для вставки Яндекс.Карты

Код вставки меняется от версии к версии, но в нём без проблем находятся нужные цифры, которые нужно заменить. В примере выше заданы такие параметры:
— размер 12000×9000 (это примерно 100×75 см),
— центр в точке [37,55] и масштаб (zoom: 13).

У Яндекса есть удобный инструмент, которым можно определить нужные цифры: координаты центра карты и её масштаб. Задавая различные координаты центра, можно двигать карту, чтобы нужная часть попала на лист. А масштаб влияет на детализацию карты (при увеличении zoom-а появляются названия улиц, станции метро и т.д.)

Когда заданы масштаб и центр карты, сначала пробуем отобразить небольшую карту (например, 1000×700 точек), а потом увеличиваем её охват до тех пор, пока не влезут все нужные объекты. Мне пришлось увеличить параметры width и height до 12000px и 9000px (и это ещё не предел!), чтобы охватить все метки на карте. Кстати, у Гугл.карты есть ограничение: 6000×6000.

Стандартное качество цветной печати — 300 dpi (как на фотографиях). Это означает, что 300 пикселей на экране равны 1 дюйму на бумаге (или 2,5 см). Значит, наши 12000 пикселей — это 12000 : 300 × 2,5 = 100 см.

Шаг 2. Сохраняем страницу с картой как картинку

Я использую Фаерфокс и плагины: FireShot (предпочтительнее) или Awesome Screenshot.

Когда большая карта загрузится (это можно отследить по анимированному значку на вкладке), сохраняем страницу как картинку:

FireShot

Awesome Screenshot

Если на картинке обнаружатся незагруженные области карты, обновите страницу, подождите, затем поскролльте страницу и проверьте, всё ли загрузилось, и только потом сохраняйте карту как рисунок.

Карты (кроме спутниковых) лучше сохранять в формате PNG или TIF с компрессией: они хорошо жмутся.

📅 1 марта 2013#javascript#карта#урок

Смотрите также

Карта МО для печатиРасчёт доставки по тарифным зонамКалькулятор стоимости поездкиОбзорные схемы дачных посёлковГеография проектов на карте Яндекс

• ▸ Большая карта: автоматическое выравнивание слоёв

Комментарии

Андрей

Очень крутая и полезная инфа, Надеюсь у меня когда нибудь получится распечатать карту в хорошем разрешение, а сейчас, у меня не получается правильно написать код карты для вставки на сайт. ((

Иван

Спасибо! Добавил в заметку работающий пример.

Иван

Спасибо огромное за информацию!! Еще для большего счастья хотелось бы узнать что на что изменить чтобы был вид со спутника???

Иван

Тип карты задаётся в начале скрипта вместе с центром и зумом: center: [55.481209,38.404923],
zoom: 13, type: «yandex#map»
Всего 4 типа карты: «yandex#map», «yandex#satellite», «yandex#hybrid», «yandex#publicMap». Вид со спутника: yandex#satellite.

Alex

Приветствую Ваня. Скрипт перестал работать.
То есть по координатам отрабатывает, но с зумом и масштабом проблемы. Сможете подкорректировать ?

Иван

Если вы о том, что в примере нельзя мышкой менять зум или масштаб, то там этого и не было.
Эти параметры задаются в html-коде. Нужно сохранить на свой компьютер пример, исправить в коде zoom и т.д. и запустить.

Сергей

Ваня!!!!
Большая просьба, для особо непонятливых поясни, пожалуйста, более подробно с поэтапными скриншотами экрана.
Я установил в google chrome FireShot Lite, но у меня сохраняется только область экрана.
Я не могу понять куда вставлять найденные мной координаты и масштаб координаты?

Иван

Прошу прощения, но на скриншоты времени нету 😃
Нужно сохранить пример (на него есть ссылка в статье),
открыть файл блокнотом и исправить циферки (center и zoom), затем открыть этот файл браузером (для этого расширение файла должно быть html, а не txt).
Далее надо найти плагин для браузера, который сохраняет всю страницу, а не только то, что влезает в экран. Для хрома я такого плагина не знаю, а для фаерфокса есть ссылка в статье.

Сергей

Ваня! Спасибо, наконец я разобрался. Сейчас установил пробную версию FireShot Pro на 30 дней. Все работает. Где бы скачать бесплатную FireShot Pro?

Дмитрий

Иван, добрый день, не совсем понял, а как можно открыть сохранённую через fireshot картинку в блокноте, там же сплошная ересь открывается и не понятно ничего.

Иван

Нужно взять код примера (в середине заметки), сохранить его к себе на компьютер. Открыть файл блокнотом и настроить ширину-высоту карты, координаты центра и увеличение (это подробно расписано в заметке). Затем открыть пример браузером, появится карта, а Fireshot сохранит это в виде картинки.

Дмитрий

О, вроде бы начинает получаться, а как узнать Id карты с моими метками.
Я пробовал вписать гостевую ссылку но он её не воспринимает.
Спасибо, за ответ и за штуку, очень здорово.

Иван

Если использовать готовый конструктор от Яндекса, то он выдаёт код вставки скрипта, в котором можно изменить параметры width и height. Нужно создать файл test.html с разметкой пустого html файла, вставить туда скрипт от Яндекса с изменённой шириной и высотой. Затем использовать плагин для перевода в картинку. Файл я вам по почте отправил.

Дальнейшие комментарии закрыты. По всем вопросам пишите или звоните мне лично, см. раздел Контакты

Создать карту для печати (SVG, PSD)

для полиграфистов.

Используйте наш онлайн-редактор карт для создания пользовательских карт для печати.
Нам доверяют следующие замечательные компании:

Как печатать карты с помощью Printmaps

Наши клиенты используют редактор Printmaps, чтобы без труда загрузить файлов карт для таких карт, как маршруты путешествий, походные и велосипедные карты, карты городов или просто карты маршрутов, а также для накладывать свои POI на карту высокого разрешения.

Онлайн-редактор карт позволяет очень легко создавать складные карты, карты для туристических папок и брошюр или карты для путеводителей.

Редактор Printmaps позволяет создавать карты высокого разрешения в формате SVG , PNG или PSD (Adobe Photoshop) с разрешением 300 dpi.

Все объекты карты сохраняются в отдельных слоях Photoshop/SVG, чтобы не повредить ни один из базовых объектов.

Часто задаваемые вопросы

Дополнительную информацию см. в разделе часто задаваемых вопросов.

В каких форматах я получу карты для печати?

Вы получите свою карту в формате PNG с высоким разрешением, в многослойном файле Photoshop (PSD) или в многоуровневом векторном файле (SVG). Благодаря многоуровневым PSD и SVG вы сможете, даже после создания карты, изменять и модифицировать ее по своему усмотрению.

Как изменить карту?

В онлайн-редакторе карт : Вы можете настроить дизайн карты (см. вкладку «Создать карту»), проложить маршруты, загрузить геоданные (GPX, KML, GeoJSON), нанести POI на вашу карту (используя широкий спектр дизайнов и цветов маркеров) или масштабируйте особенности вашей карты (например, шрифты меньшего или большего размера).

Помимо онлайн-редактора карт : Чтобы максимально упростить создание захватывающих дух карт, вы получаете карту в виде многослойного файла Photoshop (.psd) или многослойного векторного файла (.svg). Каждый объект карты представляет собой отдельный слой. Таким образом, вы можете изменять элементы карты, не разрушая нижние слои.

Как я могу оплатить?

В настоящее время со всеми основными кредитными картами , PayPal или (из большинства европейских стран) банковским переводом . Клиенты со скидками за объем могут оплатить по счету. Свяжитесь с нами, если вас интересуют оптовые скидки или вам нужен другой способ оплаты.

Что произойдет после оплаты?

Вы получите электронное письмо с надлежащим счетом в формате PDF (включая НДС), а также еще одно письмо со ссылкой для скачивания, содержащей ваши карты в формате PNG и PSD.

Какие права я могу получить с картой?

Право на изменение карты, право на воспроизведение карты до тиража, соответствующего выбранной вами ценовой категории, право на воспроизведение карты в уменьшенном масштабе на вашем сайте и право на передачу этих прав использования третьей стороне (например, вашему клиенту).

Вы должны правильно атрибутировать карту, и вам не разрешается перепродавать или сублицензировать карту. Подробности см. в полных Условиях использования.

Цены на наши карты для печати​

Частный бизнес

Все цены вкл. НДС (США) ?

Все цены без учёта. НДС (США) ?

€ 749,00

€ 749,00

за карту

€ 749,00

€ 749,00

/ за карту

0 909002 € 02 € 299 .00

за карту

€ 299,00

€ 299,00

/ за карту

€ 119,00

€ 119,00

на карту

€ 119,00

€ 119,00

/ на карту

€ 199,00

€ 199,00

2

0 € на карту

3 003

€ 199 .00

/ за карту

€ 33,00

€ 33,00

за карту

€ 33,00

€ 33,00

/ за карту

5 € 33,00

€ 33,00

/ за карту

5 € 59 .00

за карту

59,00 €

59,00 €

/ за карту

25,00 €

25,00 €

за карту

25,00 €

25,00 €

/ за карту

Google Maps и Printmaps.net — прямое сравнение альтернатив

900 скриншоты maps.google.com , чтобы получить карты для печати до сих пор, вам будет интересно посмотреть, как Printmaps. net складывается по сравнению с печатью Карт Google.

Мы создали приведенную ниже сравнительную сетку, чтобы дать вам краткий обзор некоторых из наиболее важных функций редактора Printmaps  и как они соотносятся с использованием скриншотов Google Maps для ваших карт для печати. (Попробуйте редактор здесь.)

Разрешение

Карты печати: 300 dpi, высокое разрешение, обычно используемое для печатной продукции. Полностью масштабируемый в формате SVG.

Скриншоты Google Maps:  разрешение скриншотов не предназначено для печатной продукции, поэтому полученные карты обычно размыты при печати0003

Скриншоты Google Maps: использование скриншотов Google Maps в коммерческих целях без разрешения Google противоречит Условиям использования Google Maps, особенно при использовании в качестве печатного навигационного материала.

Цена  

Printmaps: карты начинаются от €7

Скриншоты Google Maps: бесплатно (но с риском юридических последствий) 003

Скриншоты Карт Google: PNG или JPEG с низким разрешением

Инструменты пользовательских данных

Printmaps:

• Редактор маршрутов
• Географические фигуры
• Загрузка файла (gpx/kml)
• POI (вручную или копирование/вставка из Excel) 9002 9023 9023 2 скриншота Google Maps: стандартный Google Маршрутизация карт и POI

  Показать/скрыть функции карты?

   

  Printmaps: да

  Google Maps Скриншоты: нет

  Повернуть или наклонить карту?

   

   

  Printmaps: да

  Google Maps Скриншоты: только на мобильных устройствах

  Некоторые способы использования наших карт для печати

  Редактор Printmaps создает карты высокого разрешения с разрешением 300 dpi в форматах PNG и PSD (Photoshop). Все объекты карты находятся в отдельных слоях Photoshop, поэтому вы можете редактировать объекты карты, не повреждая объекты под ними. Смотрите наш скринкаст для более подробной информации.

  Наши клиенты используют редактор Printmaps, чтобы легко наносить на карту маршруты — туристические маршруты, пешеходные и велосипедные маршруты, прогулки по городу или просто маршруты — и накладывать свои достопримечательности на карту. Редактор позволяет очень легко создавать складные карты, карты для туристических папок и брошюр или карты для путеводителей.

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

  Многие издатели путеводителей полностью иллюстрируют свои путеводители и путеводители с помощью карт Printmaps. С нашими картами вы можете удовлетворить все типичные потребности в картографировании, начиная от обзорных карт и карт общего местоположения и заканчивая картами деятельности с пешеходными или велосипедными маршрутами, картами городов / картами улиц и картами направлений.