Как создать свою карту для спутниковой навигации. Сервисы для создания интерактивных карт Как сделать карту с помощью

Давно ушли в прошлое те времена, когда на странице контактов было достаточно указать адрес и номер телефона. Сегодня любая компания, которая ценит своих клиентов, обязательно размещает рядом с адресом карту проезда. Это очень удобно, в том числе и с точки зрения UX. Создать простую карту проезда можно с помощью конструктора Яндекс.Карт или Google Map. Но порой требуется нечто посложнее – например, карта может понадобиться для презентации или для создания инфографики. В таком случае можно воспользоваться специальными онлайн-инструментами для создания пользовательских карт. Некоторые из этих инструментов позволяют создавать интерактивные карты, с помощью которых можно представить информацию в наиболее удобном для пользователя виде. FreelanceToday предлагает вашему вниманию 10 бесплатных инструментов для создания карт.

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

Простой в использовании сервис Scribble Maps имеет множество инструментов для создания практически любого вида карт. Можно сделать обычную маршрутную карту, но одновременно с этим сервис может быть полезен дизайнерам, которые хотели бы создать красочную инфографику. В Scribble Maps имеется возможность добавлять текст, изображения, рисовать и закрашивать различные геометрические фигуры, расставлять маркеры и многое другое. Если нужна инфографика на основе карты – лучшего инструмента не придумать. Готовую карту можно разместить на сайте, в блоге или отправить ее клиенту, сохранив ее в формате PDF.

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

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

После покупки Nokia корпорация Microsoft значительно улучшила свой картографический сервис Bing Maps. Карты Nokia всегда отличались высокой детализацией и хорошим покрытием, так что можно не переживать за точность. Функционал сервиса не может похвастаться разнообразием, но треков, маркеров и геометрических фигур вполне достаточно, чтобы создать достаточно информативную карту. Также имеется возможность добавления изображений и текстовых комментариев. После окончания работы результат нужно сохранить, после чего Bing Maps сгенерирует ссылку и код для встраивания карты на сайт.

Дружественный пользовательский интерфейс сервиса Click2Map поможет быстро и легко создавать интерактивные карты любого уровня сложности. Мощный функционал сервиса позволит создать профессиональные карты в кратчайшие сроки. С помощью большого набора иконок можно персонализировать карту, если требуется рассказать о какой-то конкретной сфере деятельности. Тематические маркеры позволят пользователям легко ориентироваться по карте. Также маркеры можно использовать для определения местоположения конкретной точке. Маркер поддерживает различные виды контента – текст, изображения, HTML-код. Чтобы получить доступ ко всем возможностям сервиса, придется оформить платную подписку, однако если зарегистрировать бесплатный аккаунт, то можно создавать карты с ограниченным количеством маркеров, максимум 10.

Картографический сервис ZeeMaps позволяет легко создавать, публиковать и делиться интерактивными картами. Сервис работает на основе Google Map и с его помощью можно создать даже очень сложную карту с большим количеством данных. Статистику можно импортировать из Excel, Access, MS Outlook и других программ. Ограничений на количество маркеров нет, информацию можно в любой момент изменять по желанию пользователя. К маркерам можно добавлять картинки, текст, аудио-файлы, а также видео из YouTube.

Приложение UMapper позволяет создавать встраиваемые флэш-карты. Визуальный редактор UMapper интуитивно понятен, с его помощью можно добавлять маркеры, рисовать фигуры и добавлять интерактивные элементы на карту. Сервис берет картографические данные из Microsoft Virtual Earth, Google, Yahoo, OpenStreet, что делает его действительно универсальным. С помощью приложения даже можно заработать – если созданная карта за месяц получит 50 тысяч просмотров, сервис перечислит на счет пользователя $12,50. К недостаткам UMapper можно отнести водяной знак, который появляется на карте при использовании бесплатной версии и показ на карте встроенных рекламных объявлений.

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



• Вы хотите сделать другую версию существующей карты. С другими описаниями, другими акцентами, поменять какие-то объекты. Менять копию как правило гораздо проще, чем делать всё с нуля.


• Вы хотите сделать карту других событий, но в близком интервале времени. Например, после "Гражданской войны в России" я захочу сделать "Первую мировую войне". Большинство фоновых объектов (стран, городов, железных дорог) будет совпадать. Нет нужды наносить их заного, можно скопировать существующую карту, удалить лишнее, добавить новое и сохранить с другим названием.

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

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



Создание новой карты



• Название карты. Тут, я думаю, всё понятно.


• Описание и картинка для списка карт на главной странице. Ваша карта не будет отображаться в общем списке карт на главной странице, пока не проставлена галочка "Опубликовано" в настройках (о которых расскажу ниже).


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


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


• Неизвестная область. Если в выбранный вами период истории человечеству была известна не вся земная поверхность, вы можете включить эту настройку. Тогда Карта будет закрыта чёрной областью, посреди которой будет светлое окно, которое можно настроить. Можно настроить изменение этого окна по ходу событий карты. (на этом могут быть основаны карты Великих Географических Открытий). Пользователь может отключать эту область (иконка в правом нижнем углу карты).


• Редакторы - Если вы хотите заполнять карту коллективно, введите через "," имена пользователей которым вы хотите открыть редактирование (они должны быть зарегистрированы). Карта появится у них в окне "Мои карты".



• "Опубликовано" - после этого карта появится в списке на главной странице и станет доступна для просмотра пользователям.


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

Копирование карты



1. Зайти в нужную карту

 

2. Нажать на иконку "сохранить копию" на нижней панели.


3. Авторизоваться или пройти регистрацию (если ещё не регистрировались).


4. Ввести имя новой карты и нажать "сохранить".

Импорт объектов





1. Зайти в свою карту


2. Перейти в режим редактирования (кнопка "редактировать" в правом нижнем углу).


3. Нажать на иконку "импорт объектов" на нижней панели.


4. Выбрать одну из готовых карт и нажать кнопку "Показать". Отобразится список объектов этой карты.


5. Выбрать галочками нужные объекты и нажать кнопку "Добавить" под списком.


6. Копии объектов добавятся на вашу карту. После этого не забудьте сохранить на сервер свою карту.

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

Если вы воспользовались этим уроком, рассказывайте, показывайте, мне очень хотелось бы увидеть, что у вас получилось! И не стесняйтесь, задавайте вопросы тоже!

Для этого урока вам будет нужен шрифт Booter Zero Five (ссылку см. В конце урока).

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

Прежде чем начать... вам понадобится Photoshop, файл карты и шрифт (ссылку см. В конце урока). Также было бы неплохо иметь на компьютере отсканированное фото какого-нибудь ландшафта, который вы бы хотели изобразить. Для создания своей карты я использовал программу Photoshop CS3 Extended. Я также использовал кисти для некоторых этапов работы.

ШАГ 1

Внимательно посмотрите на этот скриншот. Не забудьте Сохранить его Как (Save as...) и создать слой для фона.

ШАГ 2

Если у вас есть эскиз, отсканируйте его или откройте фото. Откройте его в отдельном файле PS, увеличьте его яркость, если надо (Изображение – Коррекция – Яркость/Контраст) (Image – Adjustments – Brighten/Contrast). Вставьте изображение, перетащив его мышкой на файл с картой. Вы можете изменить размер изображения двумя способами: либо нажав Редактировать – Трансформировать – Изменить размер (Edit – Transform – Scale), либо, удерживая клавишу SHIFT, подергать за диагональные стрелочки, которые появятся на уголках изображения.

ШАГ 3

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

ШАГ 4

После завершения эскиза, возьмите Ластик (eraser) и пройдитесь по внешним краям эскиза. Они будут кривыми и выходить за рамки, поэтому вам надо будет несколько раз пройтись по этим линиям, чтобы все вычистить. Если вы хотите сделать острова, делайте их сейчас.

ШАГ 5

Теперь можно взять инструмент Быстрое выделение (quick selection tool) и выделить все, что находится за пределами вашей суши. После этого, мы начинаем еще больше стирать; никакой континент или страна не бывает идеально прямым, круглым или угловатым. Давайте добавим обломки, впадины и трещины по всей нашей карте! =Р Также, добавьте несколько рек и озер не-идеальной-формы. Вашему народу наверняка понадобится вода, чтобы выжить!

ШАГ 6

Население! Откройте группу Города (Cities), и сделайте Капитолий...точнее Столицу (capital по ошибке превратился в capitol) и Город (town) видимыми. Столица обведена красным. У вас, вероятно, будет не один населенный пункт/город/деревня/т.д., и вот как их размножить: кликните второй кнопкой мыши на слое с Городом (town) и выберите Дублировать слой/Сделать дубликат (duplicate layer) в списке, который появится. Новый город появится поверх вашего первоначального города. Запомните это для следующего этапа!

ШАГ 7

Откройте группу Ландшафт (landscape). У вас есть на выбор более реалистичные объекты и похожие на рисунок-от-руки. Чтобы картинка не выглядела нелепо, используйте только один из этих стилей. Вы можете разместить эти объекты где хотите, также вы можете их дублировать (размножать). Когда «понасажаете» на свой участок деревьев, разместите горы, скалы и леса, обдумайте окружающую среду, если вы еще этого не сделали. Цивилизация и растительность, например, обычно появляются там, где есть источники воды. Если вам нужно изменить размер чего-либо, используйте прием, описанный в ШАГЕ 2.

ШАГ 8

Откройте группу Текст (text). В ней содержатся следующие слои: название Реки/Лесаriver/forest name), название Города (town name), и название Континента (continent name). Вы можете использовать большее разнообразие шрифтов (например шрифт Calibri для названий лесов, Juice – для названий стран, и т.д.). Самый простой способ сделать так, чтобы шрифт вписался: создаем дубликат оригинального текста, и меняем его шрифт. Далее, играем с эффектами. В данном случае внешнее сияние (outer glow) и тень (drop shadow) очень хорошо здесь смотрятся. Не забудьте дать имена всем мирам, континентам, странам, регионам, штатам, деревням, населенным пунктам, городам, столицам, океанам, рекам, озерам, горам и равнинам. Вам не обязательно называть каждую деталь на карте, но это будет резать глаза.

И готово! ВАУ! Ну, по крайней мере, если вы действительно не хотите сделать из своей карты нечто единственное в своем роде. Если все же хотите...

ДОСТУП НА НОВЫЙ УРОВЕНЬ ОТКРЫТ!!

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

СУПЕР-ДРЮПЕР ЭФФЕКТЫ

Нижеописанное – опционально, однако здесь содержится некоторая информация, которая поможет улучить вашу карту.

Карточная Бумага

Если вы хотите больше внимания и текстуры на своей карте, можете изменить фон! Для начала, создайте новый слой поверх слоя с Картой (map). Возьмите кисть, выберите белый цвет, и за дело. Лично мне для данного дела нравятся рассеивающиеся (scatter) кисти, но вы можете использовать любые другие, например, с монетами, кораблями, животными, растениями, и т.д.

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

Добавьте Яркости

Ваша карта кажется вам недостаточно яркой? Нажмите Изображение –Коррекция (Image – Adjustments) и перед вами откроются следующие возможности: Тон/Насыщенность (Hue/Saturation), Яркость/Контраст (Brightness/Contrast) и Кривые (Curves), которые являются лучшими корректирующими опциями для нашей карты. Вперед, экспериментируйте! Обратите внимание на разницу между этим скриншотом и тем, что выше. Спасибо коррекции Яркости/Контраста (Brightness/Contrast).

Направляющие Стрелки

Ни одна приличная карта не может обойтись без компаса!

Слой с Компасом (compass) располагаем под группой слоев Ландшафт (landscape). Разместите его в области, где нет суши, подогнав по размеру, если необходимо. Мне также нравится добавлять всякие эффекты к компасу. Экспериментируйте! На скриншоте вы видите мои любимые настройки (выделенные «маркером» слова – это названия различных эффектов).

Водяной знак – защита от параноиков (меня, включительно). Водяные знаки могут защитить вашу работу от кражи. Если у вас есть своя подпись – или, даже, если вы хотите использовать свое имя, e-mail, адрес странички на dA – вы может добавить ее. Создайте новый слой (обычный или текстовый). Все что надо сделать, это добавить «водяной знак» на новый слой, подогнать его по размеру и уменьшить непрозрачность (Opacity) или оставить, как вам нравится. Говоря о водяных знаках и о том, что нравится... весь этот урок промаркирован водяными знаками... даже не думайте украть его!

Также, если вы хотите создать пути и знаки на карте, чтобы придать ей вкус ПРИКЛЮЧЕНИЙ, просто добавьте новый слой поверх слоя с ландшафтом (land), возьмите кисть, выберите цвет, близкий к цвету карты, и рисуйте! Вы также можете использовать кисти с юмором, как, например, морской дракон на моей карте.

КАРТА ГОТОВА!

Скачать шрифт Booter Zero Five можно тут: Вы не можете скачивать файлы с нашего сервера
- Скачать со слоями-объектами

Вы так же можете просмотреть этот урок в видео-формате!

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

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

Очевидно, что услуги геолокации будут играть все более важную роль в будущем и потребность в подобных услугах будет только расти.

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

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

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

Mapme

Стоимость: бесплатно, $99 и $199

Animaps

Стоимость: бесплатно

Click2Map

Стоимость: $39 в месяц

Zee Maps

Стоимость: бесплатно (до 5 карт) и платно, в зависимости от тарифного плана.

Scribble Maps

Стоимость: бесплатно

GmapGIS

Стоимость: бесплатно

Heatmap Tool

Стоимость: бесплатно (с водяными знаками и ограничениями на количество объектов и просмотров) и платно в зависимости от тарифного плана.

MapTiler

Mapbox

Стоимость: имеются как бесплатный, так и платные тарифные планы