Создание карт в гугл. Как создавать свои карты в Google Maps

Пишу пост для того, чтобы вы с помощью 7 картинок создали карты своих путешествий по РБ, тех точек, о которых вы уже написали, о которых ещё напишете. Нужно это и вам и нам:)
Вам(авторам) поможет структурировать поездки и написание отчётов. Нам(читателям) поможет проложить новые маршруты и увидеть невиданное!
Особенно пост посвящается taborovtsova , victogan , azarkinm , которым я уже советовал создать карты:)
И многим друзям (в т.ч. и взаимным), которые постоянно бороздят страну!
Итак, 7 картинок:
(вам нужен аккаунт в Корпорации Добра, так что если до сих пор его у вас нет, то пришёл час наверстать!)

1. Пояснения излишни


2. Пояснения излишни

3. Пояснения излишни

4. Делаем в обозначенном порядке руководствуясь фантазией и вдохновением в написании названия:)


Итак, пустая карта с название уже создана! Теперь осталось нанести точки!

5. Пояснения излишни

6. Делаем в обозначенном порядке. Шаги с 1-го по 5-ый повторям n-ное количество раз (чем больше точек, тем радостнее читателям!). После завершения нанесения точек (или когда уже пора уходить с работы:) нажимаем кнопку "Готово". Продолжить редактирование карты можно в следующий рабочий день.

И 7! Поделитесь ссылкой на вашу карту или вставьте код в блог (при условии HTML-редактирования)


Вот и всё. Теперь вы видите, где больше всего бывали, а где пропустили. Поздравляю!

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

⇡ Tripline.net

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

Карта путешествия, созданная с помощью Tripline.net

Чтобы создать карту, необходимо войти на сайт под своей учетной записью (регистрация поддерживается только через Facebook). После этого следует нажать кнопку Create a new map, которая располагается рядом с поисковой строкой. Есть три способа создать карту:

Рассмотрим подробнее вариант ручного редактирования. На первом этапе нужно ввести название карты, ее тип (поездка, поход, круиз и тому подобное — более двадцати вариантов на английском языке), место, где вы побывали (например, Европа или Африка), параметры приватности (личная, для друзей, общедоступная) и отметить другие опции.

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

На следующем этапе потребуется добавить ключевые точки, из которых состоит путешествие. Начальной точкой является ваше местоположение, указанное в Facebook, — ее можно отредактировать или удалить. Добавлять новые места нужно с помощью кнопки add places — они будут отмечаться на карте цифрами 1, 2, 3 и так далее. Вы можете делать это тремя способами: с помощью поиска населенных пунктов на Google Maps, методом ввода географических координат и вручную, перетаскивая метку по карте. Впрочем, таким же образом можно изменять положение точек, добавленных автоматически. Для каждой точки не только указывается местоположение, но и добавляются дата, время посещения и такие сведения, как название, описание, личные заметки, а также способ отображения в ролике: остановиться на ней, проехать мимо или просмотреть слайд-шоу. Вы вольны определить, сколько точек нужно зафиксировать в маршруте, — правда, стоит иметь в виду, что сервис прокладывает ровные линии между ними, не учитывая ни дорог, ни препятствий, и если вам хочется продемонстрировать всю сложность и извилистость маршрута, придется создавать множество точек на каждом повороте пути.

Редактирование точки на карте в Tripline.net

Прежде чем сохранять карту, вы можете еще раз отредактировать сведения о ней и выбрать мелодию, которой будет сопровождаться просмотр. К сожалению, загрузить свой звуковой файл нельзя — приходится довольствоваться выбором из десяти с лишним стандартных композиций: африканские мотивы, джаз, инди и другие. Добавление фотографий осуществляется уже после того, как карта будет создана, при щелчке на иконке с изображением фотоаппарата в опциях точки. Можно загрузить фото с компьютера или импортировать их из онлайн-альбомов Facebook, Instagram, Flickr и Picasa. Также к описаниям мест добавляются комментарии.

Добавление фотографий путешествия в Tripline.net

⇡ Tripster.ru

Это российский сервис, цель которого — помочь в организации самостоятельных путешествий. Здесь размещаются вопросы и ответы путешественников, осуществляется поиск авиабилетов и отелей, а в своем профиле можно отметить города, в которых вы уже были и куда планируете совершить путешествие. Регистрация осуществляется в несколько шагов. На первом из них нужно расставить галочки возле посещенных городов России, Европы, Азии, Африки, Северной и Южной Америки. Отображаются лишь самые популярные города, остальные вы сможете добавить позже.

Регистрация на Tripster.ru. Первый шаг

При нажатии кнопки «Получить карту» идет переход ко второму шагу, где нужно ввести данные профиля — e-mail, адрес страницы на сервисе (вида tripster.ru/user), имя, фамилию и название вашего города. После этого вы сможете перейти к массовому добавлению отметок возле всех посещенных мест: в этом режиме отображается карта Google Maps и список населенных пунктов, соответствующих данному уровню масштаба. Если в центре находится европейская часть России, то в списке будут Москва, Санкт-Петербург и другие, а если Сибирь — то Новосибирск, Красноярск и так далее. Работает и обычный поиск по названиям городов.

Добавление городов на Tripster.ru

Готовую карту путешествий можно просмотреть в своем профиле, а также встроить в блог или личный сайт. Для этого нужно скопировать HTML-код карты в настройках. На ней отображается участок Google Maps с метками, а над картой расположена плашка примерно с такой информацией: «user был в 28 городах и 7 странах», причем можно переключиться на более подробную статистику, включающую место и результат среди всех пользователей сервиса. Помимо этого, вы можете встроить на свой сайт кнопку с аналогичными сведениями, но без карты.

Карта из Tripster.ru, вставленная в пост пользователя LiveJournal

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

⇡ Flagatrip.ru

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

Создание карты поездок на Flagatrip.ru

Сначала можно добавить или изменить свое текущее место жительства и поочередно указать места, где вы бывали. При вводе названия они выбираются из списка; как и везде, используется картографическая база Google Maps. Обратите внимание, что добавление посещенных мест происходит не только здесь — их можно отметить и при создании отчетов. Формирование отчета происходит в несколько шагов. На первом нужно выбрать начальную и конечную даты поездки, отметить ее тип (автостоп, поездка с детьми, велосипед и так далее), ввести пункты отправления и назначения, причем последних может быть несколько — на них можно ставить галочку «был проездом». Для каждого пункта следует отметить тип транспорта, который использовался для передвижения (они представлены в виде иконок — самолет, машина, автобус, лодка и другие), а в пунктах назначения можно указывать еще и отели, где вы останавливались.

Создание отчета о поездке на Flagastrip.ru

На втором шаге к отчету добавляются теги , а на третьем — вводится описание. В него включается название отчета, информация о поездке (визуальный редактор текста позволяет выделить шрифт, вставить ссылки, смайлики, фото, видео и таблицы), отдельные факты и папка с соответствующими фотографиями. После нажатия кнопки «Готово!» отчет будет создан, а на вашей карте появятся метки перечисленных пунктов. Вы можете настроить размер карты (малый, средний, крупный или пользовательский) и скопировать HTML-код для вставки на свой сайт либо в блог LiveJournal, LiveInternet, Blogspot. Также можно скопировать код кнопки «я посетил столько-то стран» или «я посетил столько-то мест в стольких-то странах».

Профиль пользователя Flagatrip.ru

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

⇡ Marshruty.ru

Данный сайт является сообществом путешествующих людей. Здесь выложено большое количество справочной информации, топографические карты, книги, представлены маршруты, ведется календарь событий, осуществляется поиск мест, расписаний и билетов, отелей, работает форум и такие сервисы, как интернет-магазин туристического снаряжения, прокат автомобилей. Среди функций есть возможность составить отчеты о пройденных маршрутах и карту своих путешествий. Регистрация довольно необычна: вам нужно правильно ответить как минимум на три из пяти географических вопросов — где находится Камчатка, Байкал и тому подобных. Что интересно, для ответа нужно установить маркер на карте Google Maps; если вы поставили его не в том месте, будет предложено выбрать один из четырех вариантов ответа.

Регистрация на Marshruty.ru. Прохождение географического теста

После того как вы дали правильные ответы, следует завершить регистрацию, затем добавить не менее пяти направлений путешествий поездом или самолетом — это необходимо для формирования первоначальной карты путешествий. Здесь выбираются начальная и конечная точки поездки, а также тип транспорта. Сервис использует собственную базу данных географических объектов, которая не столь обширна, как Google Maps, и самых глухих населенных пунктов в списке не встретить. Что примечательно, маршруты прокладываются с учетом существующих железных дорог и авиалиний, даже показывается расстояние в километрах (берутся схемы маршрутов существующих компаний-перевозчиков, на некоторых направлениях приводится ссылка для получения более обширной информации). Хотя если вы укажете несуществующий маршрут (поездом в США), то между двумя точками будет проведена ровная линия. Расстраивает здесь только то, что на карте не учитывается автомобильное сообщение.

Добавление начальных направлений поездок на Marshruty.ru

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

Карта активного путешественника на Marshruty.ru

Сформировать можно не только карту путешествий, но и отчеты о пройденных маршрутах; ссылки на них будут присутствовать в описании добавленных объектов. Новый маршрут добавляется в несколько этапов. Сначала нужно ввести название, описание, район путешествия, дату начала и завершения, указать виды активности (велотуризм, дайвинг и так далее). Затем вы сможете отредактировать интерактивную карту маршрута. Это делается либо вручную, либо за счет импорта готового трека, который можно загрузить из GPS-навигатора или создать с помощью программы Google Earth — поддерживаются форматы wpt, gpx, kml и kmz. Если вы формируете маршрут самостоятельно, то следует поочередно добавить посещенные места (это могут быть как населенные пункты из справочника, так и «привалы на обочине») и прочертить линию путешествия. Переход в режим рисования осуществляется щелчком по карте; вы можете создавать неограниченное количество точек, формируя траекторию пути. Также к карте можно привязать фотографии. Для этого необходимо добавить альбом, загрузить в него снимки и связать их с местом, что делается автоматически, если они содержат геотеги в EXIF-информации (присутствует и другая функция — совмещение изображений по дате и времени с треком из GPS-навигатора), или в ручном режиме, отметкой крестика на карте для каждого снимка.

Отчет о маршруте на Marshruty.ru изобилует различной информацией

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

⇡ Panoramio.com

Строго говоря, Panoramio не является сервисом для путешественников, однако он отлично подходит на эту роль — правда, только в том случае, если вы привозите из своих поездок кучи снимков. Данный сайт, принадлежащий компании Google, предназначен для размещения фотографий с географическими координатами. Загруженные изображения будут отображаться на вашей карте в тех местах, где они были сняты, что позволит оценить географию вашего перемещения по миру. Помимо этого, после проверки модератором фотографии будут доступны для просмотра другим пользователям сервиса, а также станут отображаться в программе Google Earth при активном слое «Изображения».

Войти на сайт можно под своей учетной записью Google. После этого следует загрузить фотографии, также они импортируются из альбомов Picasa Web Albums или Google+. Если файл уже содержит в EXIF-сведениях географические координаты, сервис их автоматически определит; в противном случае необходимо привязать фотографии на Google Maps. Для этого нужно перетащить метку в соответствующее место на карте (вы можете воспользоваться поиском) и нажать кнопку «Готово».

Привязка фотографий к карте на Panoramio.com

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

Усилиями одного человека, конечно, такую карту не сделать. Но к этому нужно стремиться

Похожий функционал присутствует на сайте «Яндекс.Фотки» с их сервисом «Фото на карте». Если вы являетесь приверженцем «Яндекса», то можете с таким же успехом воспользоваться аналогичным решением отечественной компании.

⇡ Заключение

Подводя итог данного обзора, мы не можем однозначно сказать, какой из сервисов является лучшим для создания карты путешествий, — везде используется собственный подход для выполнения этой задачи. Tripline.net позволяет создавать яркие ролики-презентации о своих поездках. На Tripster.ru можно отметить все города и страны, в которых вы побывали. Flagatrip.ru является в большей степени социальной сетью, где пользователи публикуют отчеты и отзывы. Сервис Marshruty.ru придерживается некоего научного подхода при анализе путешествий. И наконец, Panoramio.com будет полезным для любителей путешествовать по миру с фотоаппаратом.

Давно ушли в прошлое те времена, когда на странице контактов было достаточно указать адрес и номер телефона. Сегодня любая компания, которая ценит своих клиентов, обязательно размещает рядом с адресом карту проезда. Это очень удобно, в том числе и с точки зрения 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 может появиться проблема – пользователь не может провести линию или нарисовать фигуру. В этом случае разработчики рекомендуют закрыть и снова открыть браузер. После этого появится полный доступ ко всему функционалу.

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

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

Как сделать карту Google Maps

Один из самых простых способов для создания пользовательских карт, это сделать это через сам сайт Google Maps. Откройте maps.google.com и нажмите Создать карту в разделе Мои Места. Далее найдите место, или введите координаты вручную, и сохраните их в пользовательской карте. Повторяйте, тот шаг пока не будут добавлены все места на карту Google.

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

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

Как создавать более точные карты маршрутов

Если у вас есть смартфон, вы также можете использовать GPS приложения, вроде My Tracks для android скачать бесплатно на сайте по ссылке, которые фиксируют ваше местоположение в разное время, а затем создают полный маршрут из этих точек. Находясь в отправной точке, нажмите кнопку Старт на вашем телефоне. Как только вы достигли места назначения, остановите запись и приложение экспортирует ваш маршрут как Google Map.

Другой вариант для рисования карты передвижения – QuikMaps . Программа преобразует Google Maps в изображение, и вы можете прокладывать маршруты на карте так же, как вы рисуете от руки на любом холсте. После того как вы набросаете маршрут, экспортируйте его в виде KML файла, который может быть импортирован в Google Maps или Google Earth для публикации.

Создание Google Maps из листов Excel

Одно небольшое неудобство с помощью инструмента Google Maps является то, что сервис не позволяют ввести точки массово. Да, есть варианты, чтобы импортировать KML и GeoRSS файлы, но как же создать эти файлы?

Используйте BatchGeo – интерактивный инструмент, в который можно импортировать данные о местоположении из таблицы и отметить эти адреса на карте Google. Вы можете скопировать и вставить почтовые адреса или координаты широты и долготы и BatchGeo будет отображать их все после декодирования. Это полезный инструмент, но вы не можете экспортировать карту используя бесплатный аккаунт.

Как добавить анимацию к вашим картам Google

Вы может быть видели карты отслеживания полета, где несколько изображений самолета, двигаются по разным траекториям на одной карте Google. Если вы хотели бы иметь что-то подобное для вашей собственной карты Google Map, посмотрите на сервис Animaps.

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

Пользовательские Google Maps для продвинутых пользователей

Опытные пользователи могут создавать собственные Google Maps, просто изменив несколько параметров в URL карт. API (Static Maps API) статических карт имеет полный список параметров, поддерживаемых Google Maps, а также несколько примеров. Большим преимуществом использования карт является то, что вы можете изменить их довольно быстро, и легко вставлять в веб страницы не используя IFRAMES или JavaScript.

Google, Yandex, Microsoft и прочие гиганты продвигают свои картографические сервисы как только позволяет их бюджет. OpenStreetMap не отстаёт стараниями тысяч своих пользователей. Но совсем не факт, что именно ваш город уже нанесён на карту с нужной детализацией. В тоже время у вас почти наверняка есть бумажная карта вашего города, которую можно отсканировать. Благодаря нашему сервису этого достаточно, чтобы сделать свою интерактивную карту online!

Более того, речь может идти не о карте города на Земле, а о вымышленном мире. Вам до безумия нравится трилогия «Властелин колец»? Чудесно, вы легко и просто можете сделать свою карту Средиземья и отметить на ней особо значимые места, прикрепить комментарии, описания и даже фотографии с автографом самого Фродо. Или, возможно, вы тратите всё свободное время на изучение игрового мира The Eldest Scrolls IV: Oblivion? Тогда вам будет отличным подспорьем карта, на которой вы сами разметите все форты, пещеры и стоянки, оставите комментарии и добавите скриншоты своих игр. Более того, совсем не обязательно речь должна идти о картах. С тем же успехом можно демонстрировать схему пожарной эвакуации из здания или план палуб корабля. Мы даём инструмент, а уж его использование ограничено только вашей фантазией.

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

Итак, приступим!

Общая идея. На входе — изображение карты, на выходе — интерактивная карта.

Алгоритм действий.

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

   

   Необходимо указать «Изображение карты» и «папка для сохранения». Всё остальное — опционально, хотя желательно заполнить всё. «Картинка для фона» — это изображение размером 256х256 точек в формате GIF, оно будет использоваться для вывода по периметру вашей карты (несколько примеров вы найдёте в архиве с программой). Когда всё поля заполнены жмите «Подготовить файлы карты». По окончании процесса в указанной папке окажется куча файлов.

3. Если у вас нет сайта — зарегистрируйте хотя бы бесплатный. Подойдёт практически любой, например, 50webs.com. Некоторые бесплатные хостинги «не отдают» картинки скрипту запущенному с другого сайта, поэтому выбирайте такой, который лишён этого недостатка. На платных хостингах этой проблемы не возникает.
4. Залейте папку с файлами подготовленными в п.2. на свой сайт. Рекомендуем использовать программу доступа по FTP FileZilla . Для определённости будем считать, что ваш сайт имеет адрес http://yourtestsite.ru, а папка, которую вы залили на сайт называется mymap. В этом случае ваши файлы располагаются по адресу http://yourtestsite.ru/mymap.
5. Обратитесь по адресу http://сайт/map/map.php?url=http://Адрес-вашего-сайта/ваша-папка в нашем примере это будет http://сайт/map/map.php?url=http://yourtestsite.ru/mymap. Это всё! Ваша карта уже действует!
6. Допишите к URL из п.5 «&d=markers » (в нашем примере адрес будет выглядеть так: http://сайт/map/map.php?url=http://yourtestsite.ru/mymap&d=markers). В этом режиме вы можете размещать на карте маркеры (щелчком на карте, также маркеры можно перетаскивать мышью) и в редакторе справа вводить к ним описания, выбирать изображение маркера из списка доступных. Не забывайте нажимать иконку с дискетой (сохранить) по окончании редактирования каждого маркера.

   

   Параметры маркера на карте

7. Для пользователей карта будет открываться в том масштабе и в той позиции, в которых вы закончите редактирование. Поэтому не забудьте о необходимости выбрать нужный масштаб и положение центра карты заканчивая работу.
8. На карте могу выводиться маркеры с разными иконками, удобно иметь возможность скрыть/показать сразу все маркеры с конкретной иконкой. Чтобы дать пользователям такую возможность установите галочку «Показывать список типов маркеров». Если нужна возможность видеть список текстов введённых как описание маркеров и быстро переходить к соответствующему маркеру на карте, установите галочку «Показывать список маркеров».
9. Когда все маркеры расставлены/отредактированы, положение и масштаб карты заданы, параметры определены нажмите кнопку «получить файл маркеров». Скопируйте текст из открывшегося окна и сохраните в файл markers.js. Загрузите этот файл в ту же папку вашего сайта, где уже лежат кусочки карты.
10. Обратившись по адресу вида http://сайт/map/map.php?url=http://Адрес-вашего-сайта/ваша-папка&m=markers вы увидите свою карту с отмеченными вами местами. При щелчке на маркере в открывшемся окошке будет выведено ваше примечание к нему.

Примечание : совсем не обязательно использовать имя «markers». Вы можете использовать любое имя файла. Более того, можно использовать несколько файлов маркеров с одной картой для вывода на ней объектов разных типов (например, http://….&m=cinema — кинотеатры (имя файла cinema.js), http://….&m=school — школы (имя файла school.js) и т.д.).

Вставка на свой сайт.

Созданную карту вы можете вставить на страницу своего сайта используя iframe. Для этого в нужном месте разместите код такого вида:

Демонстрация
Интерактивная карта Средиземья с несколькими маркерами.

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