Как распечатать карту с Яндекса?

Как распечатать карту с Яндекса?

Представьте себе ситуацию: неподалеку от вас случилось землетрясение, наводнение, извержение вулкана. Вы — участник OpenStreetMap, естественно, написали об этом на форуме. Следующие полдня и ночь вы вместе с другими осмерами провели за рисованием домиков, простановкой адресов, разметкой зоны разрушений и в итоге утром у вас есть подробная электронная карта района. Через полчаса за вами заедет друг и вы вместе собираетесь отвезти теплые вещи и воду пострадавшим. Как за эти полчаса — час распечатать карту, и зачем вообще пострадавшим могут понадобиться карты,

Итак, зачем вообще нужны карты в подобных ситуациях и какие карты нужны?Прежде всего они нужны для организации волонтеров, сил МЧС и вообще слаженной работы. Допустим вы организуете работу волонтеров, вам нужно развести теплые вещи и опросить жителей, какая помощь еще требуется. Волонтеры в городе не ориентируются, объяснять каждому дорогу, где какая улица и как называется тот или иной район города, на местном птичьем языке? И что делать, если, допустим, пока вы развозили помощь, вам сообщили, что кто-то созвонился с родственниками и им срочно нужна помощь, живут «на новой речке у дома культуры».
С картами все намного проще: вам в общем-то даже не надо знать, как называются улицы и районы, вы можете просто раздавать командам волонтеров квадраты или сектора города. Когда общаетесь с местными, объясниться где что расположено гораздо проще если у вас есть карта. Не смотря на информационное общество и прочие интересные штуки нужна бумажная карта.
Во-вторых, карты будут полезны самим пострадавшим, если, например, на них отмечены пункты помощи и т.п.
Пару слов о том, какие карты могут быть полезны.
Прежде всего это атлас. Если атлас или, по крайней мере, разбивка атласа на страницы одинакова у всех волонтеров, то можно ориентироваться просто по номерам страниц.
Кроме того — это карты важных мест с окрестностями. К примеру, в каждом районе организован пункт помощи, где можно получить еду, теплые вещи и т.д. Вам нужен лист карты с этим пунктом и окрестным районом, чтобы развесить такие карты по округе.
Ну и чтобы отвлечься от ситуации ЧП, в которую я сам же вас погрузил, допустим, вы осмер и вам просто нужны обходные листы, на которых вы собираетесь отметить недостающие адреса, магазины, дороги. Но вы хотите распечатать не квадратную область, а область вдоль вашего маршрута на работу или в институт.
Важное примечание: во всех этих случаях вам понадобится распечатанная карта, причем печатать ее придется, скорее всего на черно-белом лазернике и в спешке.

Собственно сам туториал:

Вкратце: будем использовать Qgis и Alacarte.
Alacarte будет ответственным за отрисовку карты с кастомным стилем, пригодным для печати на ЧБ принтере.
В Qgis будем агрегировать данные из разных источников в разных форматах и генерировать листы карты / атласа. Собственно говоря, для этого и нужны ГИС.
Лирическое отступление о велосипедахНа самом деле, первой моей идеей было приложение на JAVA для генерации атласов. В общем-то я даже написал нечто, что умело разбивать область на квадраты нужного размера с заданным масштабом, скачивать куски карты по WMS и вставлять их в шаблоны страниц.

Потом я подумал, что неплохо было бы добавить визуальный конструктор, поддержку TMS, geojson’а и osm xml и обнаружил, что задумываю разработку настольной ГИС, коих и без меня уже не мало.

1. Скачиваем и устанавливаем:

1. Качаем и устанавливаем свежий QGIS
Версия 1.8 в принципе тоже подойдет, но с оговорками, так что лучше не поленитесь скачать свежий.
2. Устанавливаем плаги к QGIS — GridsForAtlas.
На момент написания статьи, версии под QGIS 2.0 от авторов плагина нет. Я переписал плагин под вторую версию qgis и кое-что добавил.
Плагин лежит тут www.dropbox.com/s/vl98wb6fmprti8z/synoptiquesatlas.zip
Поскольку я дорабатывал чужой плагин и не знаю собирались ли авторы его публиковать — ссылка не на гитхаб. Я надеюсь, что авторы внесут мои изменения и обновят плагин, тогда он станет доступен в основном репозитории плагинов qgis.
Пока же плагин придется установить вручную.
Для этого достаточно скопировать папку synoptiquesatlas из архива в ~/.qgis2/python/plugins (C:\Documents and Settings\(user)\.qgis2\python\plugins)
3. Устанавливаем alacrte. github.com/alacarte-maps/alacarte
Я не большой любитель сборки чего-то из исходников, поэтому я просто нашел репозиторий с deb’кой

Бинарники под win (Спасибо freeExec).
alacarte-importer — генерирует из osm-xml файл с данными, пригодными для alacarte-server, который уже обрабатывает http запросы на получение тайлов карты.
4. Качаем стили для alacarte
github.com/kiselev-dv/walking-papers.mapcss
bw стиль общего назначения для печати в чб.
walking-papers это стиль с упором на печать обходных листов.
5. Скачиваем данные осм, для региона, карту которого собираемся распечатать.
Если сообщество уже занялось проблемой, то вопроса, где скачать свежую выгрузку данных, у вас скорее всего не возникнет. Скорее всего, уже наладят часовые выгрузки региона. (osm-data.xml)
Если регулярных выгрузок со свежими данными по требуемому региону еще нетОтправляемся на www.openstreetmap.org, зумимся к региону, данные по которому нужны.
Жмем Экспорт. Далее или жмем кнопку «Экспортировать» или кликаем ссылку на Ovrpass API.
Лучше — ссылку на Ovrpass API: во-первых, отвечает быстрее, во-вторых, доступная для загрузки область больше, в-третьих, меньше нагружает основной сервер.
Если требуемая область больше, чем может вернуть Overpass APIСкачиваем данные по региону с download.geofabrik.de или gis-lab.info/projects/osm_dump
И обновляем их до актуального состояния при помощи wiki.openstreetmap.org/wiki/Osmupdate

2. Запускаем Alacarte

alacarte-importer -i osm-data.xml
Serialize to «/home/dkiselev/osm/data.ser» Save geodata to «ala.carte»
В результате получим файлик ala.carte с данными осм, индексированными для быстрого рендеринга alacarte-server
Запускаем сервер
sudo alacarte-server -g /home/dkiselev/osm/ala.carte -s walking-papers.mapcss
Где
-g /home/dkiselev/osm/ala.carte — путь до файлика, сгенерированного alacarte-importer
-s walking-papers.mapcss — путь до папки с описаниями стилей рендеринга
В первый раз я запускаю alacarte-server из-под sudo, чтобы alacarte смог создать папки в var для кэширования тайлов карты. В дальнейшем можно запускать alacarte-server из-под обычного пользователя. Либо переопределить папку для кэша —server.cache-path и путь до access log’а —logfile

Проверяем что сервер запустился и работает: localhost:8080 Должны получить картинку Oops! т.к. мы не указали, какой квадрат карты нам нужен.

3. Подключаем слой alacarte в qgis

В Qgis нет родного способа открыть TMS слой. Но можно подключить любой gdal слой.
Создаем файл bw.gdal.xml следующего содержания
<GDAL_WMS> <Service name=»TMS»> <ServerUrl>http://localhost:8080/bw/${z}/${x}/${y}.png</ServerUrl> </Service> <DataWindow> <UpperLeftX>-20037508.34</UpperLeftX> <UpperLeftY>20037508.34</UpperLeftY> <LowerRightX>20037508.34</LowerRightX> <LowerRightY>-20037508.34</LowerRightY> <TileLevel>18</TileLevel> <TileCountX>1</TileCountX> <TileCountY>1</TileCountY> <YOrigin>top</YOrigin> </DataWindow> <Projection>EPSG:3857</Projection> <BlockSizeX>256</BlockSizeX> <BlockSizeY>256</BlockSizeY> <BandsCount>3</BandsCount> <Cache /> </GDAL_WMS>
Если планируете использовать и другие стили, например walking-papers, создаете по 1 файлику на каждый (wp.gdal.xml например) и меняете шаблон строки запроса.
http://localhost:8080/walking-papers/${z}/${x}/${y}.png
В принципе, таким образом можно подключить любой TMS слой в qgis.
Далее, запускаем Qgis, добавляем растровый слой.

Выбираем нашу xml’ку bw.gdal.xml
Проекция: EPSG:3857 (Она же EPSG:900913 — это псевдоним для 3857 напоминающий начертанием google)
Проверяем проекцию проекта.
Проект — Свойства проекта — Система координат
Если не выбрана, включаем автоматическое перепроецирование координат, выбираем EPSG:3857
Делается это для того, чтобы проекция проекта и слоя совпадали и не было перепроецирования растрового слоя, который мы собственно говоря собрались печатать.
В принципе, можно использовать ваш слой в EPSG:3857 в проекте с другой ск, gdal вам его услужливо перепроецирует. Но надо понимать, что при перепроецировании качество картинки существенно страдает, особенно пострадают подписи.
Дальше зуммируемся поближе к месту, которое собираемся печатать, и жмем «увеличить до наилучшего масштаба 100%» Это выровняет линейки масштабов qgis и alacarte, чтобы помимо перепроецирования избежать лишнего scale для картинки.

4. Подготавливаем область (области) покрытия

Допустим мы печатаем атлас.
Т.е. нам понадобится набор прямоугольных областей с небольшим перекрытием для каждой страницы атласа, покрывающие интересную нам часть карты. Ссылки между страницами (это очень удобно, когда ты знаешь, какая страница ниже и не листаешь весь атлас). И, возможно, алфавитный указатель, с названиями улиц (магазинов, больниц, школ и.т.д) и номерами страниц, где эту улицу можно найти.
Во-первых, нам понадобиться указать зону нашего интереса — атлас, которой мы собираемся печатать.
Жмем создать Shape-файл.

Тип — полигон,
Система координат — EPSG:3857
Остальное — по умолчанию.

Выбираем название для shape файла, я назвал cover. Сохраняем. Появился новый слой.
Выбираем вновь созданный векторный слой, включаем режим редактирования.

Жмем добавить объект и, кликая по точкам, создаем полигон.

Завершить создание — правый клик. После добавления вас попросят заполнить поля. У нас оно одно — id.

Можно создать несколько областей для печати.
Выключаем режим редактирования (той же кнопкой, которой включали), сохраняем изменения в shape файле.
Вот как выглядит результат у меня, если сделать заливку cover’а полупрозрачной.

Прячем слой, чтобы он не печатался.

5. Готовим макет страницы

Выбираем Проект — Создать макет.
Это будет макет одного листа нашего атласа. Я назвал его page.
Выбираем размер и ориентацию листа. Добавляем элемент карта.

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

6. Готовим сетку для печати

Печать атласов в qgis построена следующим образом: вы выбираете какой-нибудь слой, а дальше для каждого объекта слоя рендерится страница либо постоянного масштаба, либо так, чтобы уместить объект в карте.
Для классического атласа нам понадобится сетка прямоугольников, соответствующая размерам и масштабу карты нашего макета страницы. К счастью, есть плагин, который сделает это для нас.
Включаем наш слой с четвертого шага с областью покрытия.
Запускаем: Модули — Grids for Atlas — Grids for Atlas
Плагин умеет генерировать 2 вида сетки:
classic grid и dynamic grid
classic grid — обычная сетка из прямоугольников.
dynamic grid — прямоугольники передвигаются так, чтобы оптимально использовать лист при печати.
Coverage layer — слой с областью / областями покрытия.
Compozer — макет страницы
Compozer map object — выберется автоматом. Если у вас больше одной карты на листе, выберите нужную.
Outfiles directory — плагин создаст слои и соответствующие им файлики. Это путь до директории, куда будут сохранены файлики слоев с сетками.
Overlap % — перекрытие ячеек сетки.
Процент перекрытия можно задать и при печати, и при генерации сетки. Для сетки он нужен, если вы собираетесь строить алфавитный указатель объектов для вашего атласа. Тогда ячейки сетки будут соответствовать областям печати 1 в 1 и объекты, попавшие в зону перекрытия ячеек, будут на всех страницах, на которых они напечатаны. В этом случае при печати указывайте поля 0%.
В результате получим слой с сеткой прямоугольников.

7. Доделываем макет страницы и жмем печать

Возвращаемся к нашему макету странички.
Проект — Макеты карт — page (если вы назвали свой макет page).
Добавим номера страниц и ссылки на соседние страницы.
Открываем вкладку Атлас.
Выбираем слой покрытия — dynamic grid (или classic grid если на прошлом шаге вы генерировали классическую сетку).
Масштабирование — по размерам объектов с полем 0% (либо оставьте поля, если вы генерировали сетку без перекрытия ячеек).
Дальше добавляем текст. Добавляем текстовые элементы.
В свойствах объекта жмем Вставить выражение, и разворачиваем пункт Поля и значения. Если вы выбрали правильный слой на вкладке атлас в качестве слоя покрытия, то в списке полей будут все поля слоя с динамической сеткой.
ID_MAILE — айдишник ячейки. Отсчет от нуля.
above, below, left, right и т.п. — ссылки на соседние ячейки сетки.
Т.к. отсчет идет с нуля — нужно всюду добавить 1.
Вот как выглядят свойства подписи содержащей номер верхней левой страницы и кусочек элемента карты.
Итак, для номера текущей страницы в свойствах элемента должно получиться:
Стр.
Для номера страницы справа:

Если соседней ячейки нет, поля будут пустыми.
Снова переходим на вкладку Атлас, ставим галочку создавать многостраничный документ в Экспорте. В верхней панели инструментов выбираем экспорт в PDF. Выбираем куда сохранить pdf.

Заключение

Туториал получился довольно длинный, если вы делаете это не в первый раз, с момента, как вы установили все программы и скачали данные до момента как у вас готов атлас, проходит 10 — 15 минут. И помните, если ситуация, которую я описал в начале туториала реальна, гораздо полезнее в последние полчаса перед выездом проверить, все ли вы взяли. Атлас вам сделает отзывчивое osm комьюнити.
Во второй части будем строить алфавитный указатель, поговорим о том, как изменить стиль для Alacarte. Как добавить слои с дополнительной информацией и как добавить миникарту, чтобы было понятно, какая часть города распечатана на странице.

Digital arts недавно опубликовал советы о том, как рисовать иллюстрированные карты. Мы выбрали несколько наиболее полных советов и решили поделиться с вами. Начнем с гайдлайнов от иллюстратора Ливи Гослинга, который рисует трогательные карты для журналов про туризм и еду.

Я начинаю с Pinterest – смотрю достопримечательности, популярные места и кафешки. А потом очень свободно рисую чернилами контуры карты и дороги.

Пока фон сохнет, я начинаю работать над иллюстрациями самих достопримечательностей и иконками. Это самая трудоемкая часть. Важно, чтобы здания оставались узнаваемыми, но нет смысла очень их детализировать, иначе придется потратить на это ни один час.

Потом я сканирую все рисунки и работаю уже в фотошопе. Последнее время я все раскрашиваю на компьютере, а цветовую палитру стараюсь максимально упростить. Самое сложное – это композиция. Важно найти баланс между реалистичностью изображения и тем, что прописал заказчик в дизайн-брифе. Тут нужно подключить артистическое чутье. Недавно я рисовал карты с большим количеством элементов, где в одну зону надо было включить сразу 5-6 иконок. Но если начать работу с небольшого исследования и сразу набросать расположение, то все получится.

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

Так получилось, что с прошлого июня я активный сам-себе-путешественник. И выяснилось, что я совершенно не могу пользоваться бумажными картами. Вот вообще. В каждом отеле их раздают совершенно бесплатно, но у меня с ними не складывается. Во-первых, по ним нифига не понятно где я нахожусь в данный момент. Во-вторых, попробуйте этот бумажный кошмар перевернуть верх ногами (ну вот просто потому что, это будет соответствовать вашему направлению) и понять что к чему. Я уж не говорю, про транспорт и построение оптимального маршрута передвижения. И это всё при том, что я не страдаю топографическим кретинизмом, а прямо даже наоборот, я прекрасно запоминаю и в дальнейшем отлично ориентируюсь на местности уже без заглядывания в карту каждые 5 минут.
Наш ответ Чемберлену — это, разумеется, карты в смартфоне. В общем, лично для меня софтовое открытие года — это Google Maps. До начала путешествий я ими не пользовался вообще, а сейчас активно использую их не только в поездках, но и в Одессе, потому как возможность создавать тематические карты с моими собственными POI — это просто киллер-фича. Жаль только, что их нельзя создавать/редактировать прямо на смартфоне в самом приложении. Наверное, это можно сделать на смартфоне в браузере, но это уже, по-моему, перебор, поэтому я даже не пробовал и делаю это всё потом на компьютере.
Когда я любителей бумажных карт спрашиваю, что заставляет их в 2017 году пользоваться ими, а не картами в смартфоне, они говорят, мол, телефон сесть может. Ну, может, конечно, и обязательно попытается это сделать, но опять же к 2017 году эту «проблему» уже решили — при помощи power banks. Я купил такой на 16000 мА/ч и его хватает на 4 (четыре) полные зарядки моего прожорливого смартфона с экраном 5.5″. Т.е. с этим power bank смартфон в моих поездках не сел ни разу и на самый насыщенный день хватало максимум 3 (трех) зарядок.
В общем, теперь Google Maps — это наше всё. Добавить к ним Evernote с заготовленными разными заметками и GPS-аудиогид — и вот вам минимальный набор путешественника. TripIt еще, но он у меня больше на всякий случай, потому как у меня вся эта информация продублирована в Evernote.
А расскажите мне, други, какие еще Android-приложения вы активно используете в путешествиях (приложения авиакомпаний и аэропортов не считаются — это и так понятно), а?
P.S. Фейсбуковцы и твиттеряне, если вы вдруг не в курсе, то вы можете залогиниться прямо сюда в ЖЖ вашим фейсбучным/твиттеровским эккаунтом и комментировать прямо тут.

По ссылке https://www.google.com/maps откроется карта. В строке поиска в левом верхнем углу вводите нужное место (например, Бергамо Италия) и нажмите на значок с лупой. Карту можно перемещать во все стороны, если зажать левую кнопку мыши. Для увеличения или уменьшения есть кнопки плюс и минус, расположенные в левом нижнем углу, или крутите колесико мыши.

Печать карты на одном листе

Если на экране поместился нужный кусочек карты в достаточном для ваших целей масштабе:

  1. Откройте меню и нажмите печать. Второй способ — кликните по карте правой кнопкой мыши.
  2. Нажмите Печать в правом верхнем углу.
  3. В настройках можно убрать колонтитулы, поля, выбрать альбомную ориентацию и отправлять карту на печать.
  4. Печать доступна также и в режиме Спутник.

Скриншот

На распечатке прямо на карте есть логотип Google. Если вас по какой-то причине такая карта не устраивает, можно сделать скриншот экрана:

  1. Нажмите F11 для выхода карты в полноэкранный режим, для ноутбука Fn + F11.
  2. Сделайте скриншот экрана, нажав на кнопку . Многие программы (например, LightShot) позволяют выбрать область снимка. Тогда кнопки панели управления и логотип останутся за кадром.
  3. Откройте сохраненный файл при помощи Средства просмотра фотографий и распечатайте его.

Проложить маршрут

  1. Кликните правой кнопкой мыши по началу маршрута, а затем по конечной точке и выберите строки как на картинках.
  2. Из предложенных вариантов выберите наиболее подходящий. Если необходимо использовать общественный транспорт, обращайте внимание на время отправления.
  3. Кликните по выбранному маршруту, например, третья строка — пешком, и нажмите по шагам.
  4. Выберите как печатать проложенный маршрут:
    • без карты — только текст,
    • с картой — обе страницы.

Карта на несколько страниц

Для создания большой карты понадобится программа SAS.Планета.

  1. Распакуйте архив, найдите файл SASPlanet.exe и запустите его двойным кликом.
  2. В программе выберите карты Google и найдите нужную местность (режим Спутник здесь не работает, ошибка 404).
  3. Кликните область прямоугольной формы.
  4. Выделите нужную область и автоматически подождите появления всплывающего окна настроек. Выберите масштаб и нажмите Старт.
  5. Процесс загрузки может идти довольно долго, после завершения закройте окно.
  6. Нажмите Предыдущий выбор.
  7. Перейдите на вкладку Склеивание, задайте путь куда будет сохранена карта и назовите файл, укажите масштаб (тот же, что и в предыдущий раз) и кликните Старт.
  8. Распечатайте полученный документ как обычный рисунок. Смотрите как печатать изображение на нескольких страницах.

Понравилась статья? Поделись с друзьями!

Карты сейчас стали необходимым элементом. Они присутствуют практически на каждом веб-сайте. В интерфейсах многих мобильных приложений также часто можно найти карту местности. В Uber-like сервисах без карты и вовсе не обойтись. Как создать уникальную карту и при этом не потратить много времени на дизайн? Наша подборка инструментов для дизайнеров поможет легко создать карту в стиле сервиса, который он разрабатывает.

ТОП бесплатных инструментов для создания карт

Snazzy Maps

Бесплатный инструмент для создания карт Snazzy Maps предназначен для работы с Google Maps. Этот сервис для дизайнеров поможет придать нестандартный вид карте, чтобы сделать ваш дизайн уникальным. Сервис Snazzy Maps позволяет подобрать интересный дизайн карты из уже готовых образцов. Также здесь можно создавать свои уникальные стили для оформления карты местности.

В данном сервисе для дизайнеров продуман рейтинг — можно подобрать готовые стили карт по релевантности, популярности и т.д. Что удобно — в Snazzy Maps есть плагины для адаптации карт на сайт или приложение.

Heat Map Tool

Само название этого инструмента для создания карт говорит за себя. Heat Map Tool предназначен для создания тепловых карт местности. Пользоваться инструментом проще простого — достаточно загрузить карту в формате CSV и выбрать нужные эффекты.

При помощи сервиса дизайнер может выделить на карте тепловые зоны, причем сделать это довольно кастомизированно. Heat Map Tool позволяет подобрать:

  • Цвета и градиенты тепловых зон;
  • Цвет фона;
  • Радиусы тепловых пятен;
  • Масштабы тепловых зон и т.д.

Free vector maps

Ресурс Free vector maps предоставляет бесплатные карты всех городов, регионов, стран и частей мира в векторном формате. На сайте каждый дизайнер может выбрать бесплатную карту для скачивания для вставки в макет, который он разрабатывает. Макеты карт доступны для скачивания бесплатно, достаточно отключить Adblock в браузере — ведь сайт спонсируется за счет рекламы.

Animaps

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

Сервис позволяет загружать элементы указателей местности прямо с компьютера. В принципе, инструмент разработан как своего рода расширение для Google Maps, так что данные об объектах на карте всегда будут актуальны. Дизайнеры могут дать волю своей фантазии и создать карту с движущимися значками, всплывающими указателями и т.д.

Scribble maps

Инструмент для создания карт, который позволяет создать собственную карту, добавить к ней кастомные картинки и маркеры, достаточно просто залогиниться и можно приступать к дизайну. В инструменте для дизайнеров Scribble maps можно буквально нарисовать уникальную карту местности, а также:

  • Разместить на карте текстовые сообщения и значки;
  • Придать карте нужную форму;
  • Рассчитать расстояния между пунктами и т.д.

Затем карту можно отправить друзьям, сохранить в формате PDF или же получить макет для вставки карты на сайт. Все вышеперечисленные сервисы для работы с картами на ресурсе бесплатны, но если вам, как дизайнеру, нужно получить больше возможностей — есть ПРО аккаунт. В платной версии можно импортировать файлы формата KML и SHP-файлы и отдельные элементы карты.

ZeeMaps

Бесплатный инструмент для создания интерактивных карт ZeeMaps позволяет дизайнеру без особого труда создать уникальную карту под нужды его макета. Сервис не требует регистрации поддерживает бесплатную и продвинутую версии. В ZeeMaps можно выделять страны (города, зоны) цветами, а также добавлять уникальные маркеры.

Что интересно — этот сервис для дизайнеров позволяет даже вставлять видео на карту. Вы можете экспериментировать с вставками видео и аудио-маркеров, что придает карте особый вид и выделяет среди прочих.

Гитхаб аккаунт с векторными картами

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

Создание карт в 2019: что будет актуально?

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

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

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

Чрезвычайно мощный набор инструментов для работы с картами, возможности не столько для дизайнеров, сколько для разработчиков. Огромное количество компаний, такие как Tinder, CNN, IBM используют возможности Mapbox на своих проектах. Хороший пример использования можно посмотреть на https://map.onesoil.ai в проекте показываются все сельскохозяйственные поля Европы и Америки с данными культур и уровнем вегетативности.

Если вам необходимо создать кастомный дизайн, разработать сервис или нативное приложение, напишите нам на info@stfalcon.com!У нашей компании более 8-ми лет опыта в реализации проектов для среднего и крупного бизнеса. мы с радостью воплотим в жизнь вашу идею!


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

Ваш адрес email не будет опубликован. Обязательные поля помечены *