Как отметить места путешествий на Яндекс Карте?
Яндекс Карты работают с 2004 года и за этот срок превратились в по-настоящему функциональный картографический сервис, который позволяет:
- Отмечать на пользовательских картах места путешествий;
- Прокладывать маршрут между несколькими точками на карте;
- Рассчитывать расстояние в пути;
- Создать список «Мои места»;
- Просматривать наличия пробок на дорогах, а так же рассчитывать путь в зависимости от их интенсивности;
- Сохранить готовую карты на компьютер, распечатать или поделится ссылкой в социальных сетях.
Яндекс Карты предоставляют такие же возможности как и Google Maps, последний имеет немного расширенный функционал, но это такие мелочи, вроде добавления видео к меткам, которые не влияют на главную задачу — отмечать места и маршруты на карте.
Создание пользовательских карт в конструкторе
Всё по аналогии с Google Maps, если вы читали статью «Как отмечать места путешествий Google Maps», то легко разберетесь. На мой взгляд, тут даже как-то проще и интуитивно понятней.
Чтобы попасть в конструктор, кликните по аватрке профиля (верхний правый угол) и в выпадающем меню зайдите «Мои карты».
Откроется окно редактирования (скриншот кликабельный):
Функциональных возможностей меньше чем в гугл мапс. Но, тем не менее, возможно:- Отметить несколько меток на карте, добавить текстовое описание к каждой, подробнее.
- Проложить между ними линию (к сожалению только прямую), с подсчётом общего расстояния.
- Выделить определённую область многоугольником и отметить области внутри него.
После того, как карта путешествия заполнена, нажимает «Сохранить и продолжить». На следующем шаге Яндекс предлагает либо получить ссылку на созданную карту, либо распечатать. Так же есть возможность добавления на сайте с помощью iframe.
Если сравнивать возможности печати, то Яндекс Карты опережают Google Maps — можно подобрать DPI (разрешение точек на дюйм), размер карты, формат сохраняемого файла.
Импортирование меток в конструктор из файла
Все созданные объекты возможно импортировать и экспортировать во внешний файл. Импорт возможен из Excel файла, а так же KML, GPX или GeoJSON.
GPX — файл в xml формате, который сохраняет данные GPS. Некоторые программы работающие с GPS позволяют сохранять геоданные в таком формате. Возможный импорт в Google Earth
Пример готового для импорта файла в Excel:
Географические координаты как в Excel файле, так и строке поиска указываются в последовательности: широта, а затем долгота через пробел. Количество знаков после точки ограничена семью, это даёт возможность отметить точку на карте с точностью до одного сантиметра.
По умолчанию Яндекс воспринимает введённые координаты как северная широта и восточная долгота. Если координаты попадают под них, то буквенные указатели долготы и широты можно не использовать. Поддерживаются кириллические варианты запросы.
Пример запроса:
Северная широта | N (N36.45) | С (С36.45) | Положительное число (36.45) |
Южная широта | S (S36.45) | Ю (Ю36.45) | Отрицательное число (-36.45) |
Восточная долгота | E (E42.56) | В (В42.56) | Положительное число (42.56) |
Западная долгота | W (W42.56) | З (З42.56) | Отрицательное число (-42.56) |
Как отметить несколько мест на Яндекс Карте
Иногда появляется необходимость быстро проложить маршрут, чтобы показать кому-то. Для этого надо кликнуть по кнопке «Маршруты»:
Отмечен маршрут между несколькими точками
Отмечаете необходимые точки или координаты, после чего сервис просчитает оптимальный маршрут движения, с расчётом расстояния и времени в пути, будь-то пешком, на машине или общественном транспорте. Чтобы поделится ссылкой на полученную карту, кликните по кнопке .
Как отметить свое местоположение?
Чтобы увидеть свои координаты и местонахождение на карте, необходимо Яндексу дать возможность отслеживать ваше координаты, для этого:
- Кликните на кнопку ;
- Браузер запросит разрешение на обработку персональных геоданных — разрешите ему.
- На карте появится метка
Если пост оказался вам полезен, то оцените его, пожалуйста, ниже! На этом всё, вопросы задавайте в комментариях.
wayempire.com
JavaScript API — Работа с большим числом объектов — Технологии Яндекса
Довольно часто перед пользователем API стоит задача отобразить на карте сотни и даже тысячи объектов.
Самый простой способ разместить на карте какой-нибудь объект — создать геообъект и добавить его на карту. С помощью геообъектов на карте можно отметить порядка сотни объектов без потери производительности.
Но если на карте нужно показать несколько тысяч объектов, использование геообъектов приведет к значительной потере производительности. Создание, обработка и отрисовка геообъекта — дорогостоящая с точки зрения затрат ресурсов операция. Отображение такого числа геообъектов окажет большую нагрузку на браузер, что может привести к зависанию страницы.
Для работы с большим числом объектов предназначены инструменты:
Инструмент | Описание |
---|---|
Менеджеры объектов: | Работают не с геообъектами, а с их оверлеями. Оверлеи – это визуальное представление объектов на карте, и для их обработки требуется меньшее количество ресурсов, чем для обработки геообъектов. Кроме того, менеджеры создают оверлеи только для тех объектов, которые попадают в видимую область карты. |
Слой активных областей | Вместо отображения отдельных геообъектов, на карту добавляется слой, содержащий изображения всех этих объектов в нужных позициях. Поверх слоя с изображениями на карту добавляется слой активных областей, содержащий информацию об объектах и их границах. Слой активных областей позволяет сделать объекты интерактивными. |
Инструмент | Описание |
---|---|
Менеджеры объектов: | Работают не с геообъектами, а с их оверлеями. Оверлеи – это визуальное представление объектов на карте, и для их обработки требуется меньшее количество ресурсов, чем для обработки геообъектов. Кроме того, менеджеры создают оверлеи только для тех объектов, которые попадают в видимую область карты. |
Слой активных областей | Вместо отображения отдельных геообъектов, на карту добавляется слой, содержащий изображения всех этих объектов в нужных позициях. Поверх слоя с изображениями на карту добавляется слой активных областей, содержащий информацию об объектах и их границах. Слой активных областей позволяет сделать объекты интерактивными. |
Ниже подробно описаны каждый из этих инструментов.
Менеджер объектов ObjectManager
Принцип работы ObjectManager заключается в следующем. На вход менеджеру подается JSON-описание всех объектов, которые должны быть размещены на карте. По заданному описанию менеджер создает оверлеи объектов (их визуальное отображение), которые затем и добавляет на карту. Обратите внимание, JSON-описание должно быть сформировано самостоятельно.
Если JSON-описание будет размещаться на сервере, то для добавления в ObjectManager
это описание нужно самостоятельно загрузить на сторону клиента (например, с помощью функции jQuery.getJSON()).
ObjectManager
является наименее производительным инструментом из всех перечисленных. Тем не менее этот инструмент выигрывает по производительности по сравнению с использованием одиночных геообъектов или кластеризатора.
Менеджер объектов LoadingObjectManager
Менеджер объектов LoadingObjectManager работает по такому же принципу, что и ObjectManager — по JSON-описанию объектов создает оверлеи и добавляет их на карту.
Разница между этими менеджерами заключается в следующем. ObjectManager
не загружает данные с сервера — он работает только с теми объектами, которые были предварительно загружены на сторону клиента. LoadingObjectManager
сам производит загрузку данных, причем только для тех объектов, которые попадают в видимую область карты.
LoadingObjectManager
сохраняет данные, которые он загрузил с сервера, на стороне клиента. Когда пользователь двигает карту или изменяет масштаб, менеджер проверяет, были ли ранее загружены данные — если нет, то подгружает их.
При использовании LoadingObjectManager
необходимо самостоятельно реализовать серверную обработку данных. Так как сервер и менеджер обмениваются данными в формате JSONP, сервер должен возвращать данные, обернутые в callback-функцию.
LoadingObjectManager
рекомендуется использовать, когда на карте необходимо отобразить большое число объектов, но загружать их всех сразу не имеет смысла (например, когда объекты покрывают весь мир, но на карте будет показана только территория одной страны).
Менеджер объектов RemoteObjectManager
Принцип работы RemoteObjectManager аналогичен принципу работы LoadingObjectManager. Разница между данными инструментами — RemoteObjectManager
не кластеризует объекты на стороне клиента, но он может отображать результаты серверной кластеризации.
Из всех трех менеджеров RemoteObjectManager
позволяет достичь наибольшей производительности при работе с большим числом объектов.
Слой активных областей
Суть активных областей заключается в следующем. Вместо показа отдельных геообъектов на карте отображается один слой, содержащий изображения всех этих объектов. Поверх слоя с изображениями на карту добавляется слой активных областей, содержащий информацию об объектах и их границах. Слой активных областей позволяет сделать объекты интерактивными, то есть запрограммировать реакцию объекта на действия пользователя.
Информация об объектах и их изображения подгружаются с сервера. Разработчику необходимо позаботиться о том, чтобы сервер обрабатывал запросы, приходящие со стороны клиента, и возвращал данные в нужном формате.
Из всех четырех технологий данная технология является самой эффективной, но при этом самой сложной в реализации.
Преимущества и недостатки инструментов
Ниже приведена таблица, содержащая достоинства и недостатки каждого из инструментов.
Инструмент | Преимущества | Недостатки |
---|---|---|
ObjectManager | — Нет необходимости реализовывать серверную часть. — Позволяет фильтровать объекты при их отображении. — Использует кластеризацию объектов на стороне клиента. — Позволяет отрисовывать без потери производительности порядка тысячи объектов (которые попадают в область видимости). | — Необходимо самостоятельно реализовать оптимальную загрузку данных. |
LoadingObjectManager | — Оптимально загружает данные с сервера. — Позволяет фильтровать объекты при их отображении. — Использует кластеризацию объектов на стороне клиента. — Позволяет отрисовывать без потери производительности порядка тысячи объектов (которые попадают в область видимости). | — Необходимо реализовать серверную часть. |
RemoteObjectManager | — Оптимально загружает данные с сервера. — Может отображать результаты серверной кластеризации. — Позволяет отрисовывать без потери производительности порядка тысячи объектов (которые попадают в область видимости). | — Необходимо реализовать серверную часть. |
Слой активных областей | — С сервера загружаются только необходимые данные. — Нет ограничений на количество объектов, которые необходимо отобразить на карте без потери производительности. | — Сложная реализация серверной части. — Невозможно перерисовать объект на стороне клиента. Чтобы изменить внешний вид объекта (например, при наведении курсора мыши), необходимо отправить серверу запрос за новой картинкой. |
Инструмент | Преимущества | Недостатки |
---|---|---|
ObjectManager | — Нет необходимости реализовывать серверную часть. — Позволяет фильтровать объекты при их отображении. — Использует кластеризацию объектов на стороне клиента. — Позволяет отрисовывать без потери производительности порядка тысячи объектов (которые попадают в область видимости). | — Необходимо самостоятельно реализовать оптимальную загрузку данных. |
LoadingObjectManager | — Оптимально загружает данные с сервера. — Позволяет фильтровать объекты при их отображении. — Использует кластеризацию объектов на стороне клиента. — Позволяет отрисовывать без потери производительности порядка тысячи объектов (которые попадают в область видимости). | — Необходимо реализовать серверную часть. |
RemoteObjectManager | — Оптимально загружает данные с сервера. — Может отображать результаты серверной кластеризации. — Позволяет отрисовывать без потери производительности порядка тысячи объектов (которые попадают в область видимости). | — Необходимо реализовать серверную часть. |
Слой активных областей | — С сервера загружаются только необходимые данные. — Нет ограничений на количество объектов, которые необходимо отобразить на карте без потери производительности. | — Сложная реализация серверной части. — Невозможно перерисовать объект на стороне клиента. Чтобы изменить внешний вид объекта (например, при наведении курсора мыши), необходимо отправить серверу запрос за новой картинкой. |
tech.yandex.ru
Отмечаем места путешествий в Google Maps: инструкция, маршруты
Визуально спланировать маршрут будущего путешествия или отметить метками места, где уже были — всё это может выполнить в Google Maps, при этом построить маршруты и рассчитать расстояние. А так же отмечать маршруты поездок, пеших походов. В общем, идеальный способ связать путешествия с картами, чтобы всё было интерактивно и познавательно.
Давайте попробуем разобраться с этим полезнейшим для путешественников сервисом, а так же познакомимся со скретч картами, которые можно повесить дома на стену и помечать посещённые государства.
Не знаю как у вас, но во мне Гугл Мапс всегда вызывал какой-то ступор, я всегда думал, что им очень тяжело пользоваться и просто не решался сесть и разобраться. Но, как сказал Че Гевара: «Давайте будем реалистами и совершим невозможное», и я пересилил свою фобию перед Google Maps, и выбрал день чтобы полностью в нём разобраться. И вновь убедился, что всё, что поначалу кажется сложным, получается в итоге простым и понятным.
Тем более, что ранее у нас с Вами уже был опыт работы c сервисом Google Календарь, когда мы научились планировать дела и путешествия.
Идеально сервис работает в родном для Google браузере — Ghrome, в Опере вообще не важно отображается и подтормаживает. Во время работы с картами советую пользоваться Хромом или Мозилой.
Создание своего маршрута / карты путешествия в google maps
Так, давайте создадим свои метки на карте. Первым делом зайдите на google maps и перейдите в раздел «Мои маршруты», здесь надо будет кликнуть на ссылку «Создать»:
На созданной карте вы увидите слой, он чем-то напоминает слои в Фотошопе. Под формой поиска находится панель инструментов, которая доступна для работы. А именно:
- Инструмент «Рука» для выбора объекта на карте. Позволяет выделять выставленные на карте места, чтобы просмотреть их описание, редактировать и.т.п;
- Инструментом выставляют маркеры на карте, помечают места и так далее. Основной инструмент в Google Maps для туриста;
- — этот инструмент отвечает за прокладывания линий и маршрутов на карте. Линия может быть прямой между двумя городами или ломанной через несколько городов (точек на карте). Расчёт маршрута для автомобиля, велосипеда осуществляется на основе автомобильных дорог;
- Линейка помогает измерить расстояние и площадь.
Поэтому берём инструмент и для начала расставим маркеры по тем локациям, в которых мы уже были:
Все метки месторасположения будут добавляться в один слой, который автоматически был создан с новой картой.
Добавление к меткам на карте фотографий и видео
После того как расставили необходимые маркеры по карте, можно начать их наполнять описанием, видео или фотографиями.
Для этого выбираем инструмент , выделяем необходимый для редактирования маркер и кликаем по иконке с фотоаппаратом:
Далее откроется окно для загрузки и прикрепления контента к маркеру. Это могут быть фото загруженное где-нибудь в интернете, либо видео с Youtube. Изображение так же можно найти поиском Google по картинкам. Напрямую загрузить фотографию с компьютера в Google Maps нельзя.
Если вы не знаете куда загрузить вашу фотографию в интернете, чтобы была прямая ссылка для вставки, то советую сервис ipic.su либо пользуйтесь облачным сервисом хранения файлов dropbox.
Как измерить расстояние пути и проложить маршрут?
Для измерения расстояния существует два способа — с помощью инструмента «линейка» и «линия». Сейчас подробнее рассмотрим работу каждого из них.
Пример работы инструмента «Линейка»
1. Линейка подойдёт для измерения расстояния по прямой, от пункта А к пункту Б. Если начертить какую-то замкнутую фигуру с помощью «линейки», то можно будет увидеть площадь этой фигуры.
2. С помощью лини можно нарисовать какую-нибудь замкнутую фигуру, к примеру, территорию по которой вы сейчас путешествуете. Так же как с линейкой, по замкнутой фигуре вам будет доступная информация по её площади и расстояния по границам.
Прокладывания маршрута на карте для автомобиля выполняется так же с помощью линии. Вы ставите точку A, а затем точку B и сервис просчитывает расстояние и путь по официальным автодорогам.
Слева на фото выделенная область «Линией», справа проложенный маршрут
Маршрут создается на новом слое. Чтобы получить детальную статистика, зайдите в меню слоя с проложенным маршрутом и кликните по ссылке «Детали маршрута», чтобы осмотреть весь путь подробнее:
У маршрута можно изменять средство передвижения, это может быть велосипед или пеший путь. Но это актуально больше для Европы, Америки, где существуют велосипедные дороги и их добавляют к картам.
Как отметить координаты на карте?
Если вы знаете координаты определённой местности, то в поисковой строке Google Maps вбиваете широту и долготу через пробел. Важно именно в такой последовательности! Разделитель между градусами и десятичными минутами — точка.
Варианты записи:
Северная широта | N (N47.11) | Положительное число (47.11) |
Южная широта | S (S47.11) | Отрицательное число (-47.11) |
Восточная долгота | E (E36.12) | Положительное число (36.12) |
Западная долгота | W (W36.12) | Отрицательное число (-36.12) |
Давайте для примера найдём координаты затонувшего судна Британия из книги «Дети капитана Гранта», Жюль Верна.
— «Там, — продолжал Гарри Грант, — постоянно терпя жестокие лишения, они бросили этот документ под сто пятьдесят третьим градусом долготы и тридцать седьмым градусом одиннадцатой минутой широты. Окажите им помощь, или они погибнут».
По сюжету книги известно, что южное полушарие и западная часть. Пересчитаем минуты в десятичные и получим координаты для карты:
S37.18 W153
Если вы отметили точку и хотите её показать друзьям. То, как уже описано выше, создаёте новую карту, добавляете на слой эту точку и теперь можете делиться ссылкой с любым человеком.
лучшие посты
Кому удобен и ближе Яндекс, предлагаю посмотреть подобную статью про фиксирование мест путешествий в Яндекс Картах. Возможности печати более расширены!
Работа со слоями на карте
Пользу слоёв я увидел в том, чтобы разделять места и маршруты по их назначению. К примеру, я на одном слое выставляю маркеры мест где я уже был, а на втором слое отмечаю те страны и города, в которых я хочу побывать в будущем. И все выставленные метки по каждого слоя будут одновременно отображаться на одной карте.
Можно будет наслаивать слои друг на друга и уже редактировать каждый отдельно. «Редактировать» сильно сказано, ведь на самом деле мы сможем не так уж и много, а именно: изменять стиль слоя, редактировать таблицу с данными, отключать и включать его отображение.
Отмеченный маршрут путешествия на карте (кликабельно)
В примере карты, которую я делаю для этой статья, цвет маркеров (меток) выставляю разным, чтобы было визуальное различие. Кроме маркеров в меню можно редактировать стиль отображения, а так же и для маршрутов с линиями.
Импортирование посещенных мест из Excel в Google Maps
Если у вас много мест, которые вы хотите отметить на карте, то можно будет подготовить таблицу в Excel, которую затем импортировать в карту. Очень удобно и экономит время.
Базовая таблица будет состоять из трёх столбцов:
- Месторасположение маркера. Это могут быть как точные координаты (широта и долгота), так и просто название местности. Я использую название города в котором был и через запятую указываю страну. Страну надо указывать потому, что некоторые названия городов повторяются и программа может расставить много ненужных маркеров. Так же старайтесь писать названия без ошибок;
- Второй столбец это название маркера, которое будет отображаться в заголовке и в меню;
- Третий столбец будет отвечать за описание, в котором можно указать любую информацию касающуюся этой местности.
Пример импортируемого файла Excel:
В произвольной форме можно указывать ещё столбцы, это могут быть номера телефонов, сайты, название отелей и всё что угодно. Вся информация из дополнительных колонок будет находиться в описании к отметке.
Теперь, чтобы добавить все данные на карту, создайте новый слой, после чего нажмите на кнопку «Импорт». В открывшемся меню выберите ваш xls файл или таблицу с Google Drive.
В открывшемся окне сервис предложит выбрать столбцы, отвечающие за месторасположение и названия маркеров, после этого нажимайте «Готово». Через несколько секунд вся таблица с данными будет загружена на карту и доступна для редактирования.
Пример оформленной карты добавленной на сайт:
Карта на которой можно отмечать места наклейками либо стирать
Это так называемые Скретч карты, которые в свою очередь делятся на два подтипа — c заклеиванием или стиранием посещённых мест. Посмотреть и купить такие карты, вы можете в книжном магазине Лабиринт.
Очень просто отметить на карте места где был, достаточно взять монетку и аккуратно стереть позолоченный слой. По аналогии с лотерейными билетами. Страны на скретч картах раскрашены разными цветами, а у больших государств, вроде США, России и Канады, ещё есть внутренние разделения по штатам, республиками и т.д.
wayempire.com