Как отметить на карте несколько точек – Конструктор карт Яндекса

Как отметить места путешествий на Яндекс Карте?

Яндекс Карты работают с 2004 года и за этот срок превратились в по-настоящему функциональный картографический сервис, который позволяет:

  • Отмечать на пользовательских картах места путешествий;
  • Прокладывать маршрут между несколькими точками на карте;
  • Рассчитывать расстояние в пути;
  • Создать список «Мои места»;
  • Просматривать наличия пробок на дорогах, а так же рассчитывать путь в зависимости от их интенсивности;
  • Сохранить готовую карты на компьютер, распечатать или поделится ссылкой в социальных сетях.

Яндекс Карты предоставляют такие же возможности как и Google Maps, последний имеет немного расширенный функционал, но это такие мелочи, вроде добавления видео к меткам, которые не влияют на главную задачу — отмечать места и маршруты на карте.

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

Всё по аналогии с Google Maps, если вы читали статью «Как отмечать места путешествий Google Maps», то легко разберетесь. На мой взгляд, тут даже как-то проще и интуитивно понятней.

Чтобы попасть в конструктор, кликните по аватрке профиля (верхний правый угол) и в выпадающем меню зайдите «Мои карты».

Откроется окно редактирования (скриншот кликабельный):

отмечаем места в Яндекс Картах

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

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

отмечаем места в Яндекс Картах

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

Импортирование меток в конструктор из файла

Все созданные объекты возможно импортировать и экспортировать во внешний файл. Импорт возможен из Excel файла, а так же KML, GPX или GeoJSON.

GPX — файл в xml формате, который сохраняет данные GPS. Некоторые программы работающие с GPS позволяют сохранять геоданные в таком формате. Возможный импорт в Google Earth

Пример готового для импорта файла в Excel:

импорт файла в 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)

Как отметить несколько мест на Яндекс Карте

Иногда появляется необходимость быстро проложить маршрут, чтобы показать кому-то. Для этого надо кликнуть по кнопке «Маршруты»:

отмечаем места в Яндекс Картах

Отмечен маршрут между несколькими точками

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

Как отметить свое местоположение?
Чтобы увидеть свои координаты и местонахождение на карте, необходимо Яндексу дать возможность отслеживать ваше координаты, для этого:

  1. Кликните на кнопку получить ссылку на карту;
  2. Браузер запросит разрешение на обработку персональных геоданных — разрешите ему.
  3. На карте появится метка получить ссылку на карту, она и соответствует местоположению того устройства, через которое пользуетесь сервисом. Нажав на неё получите географические координаты (широта и долгота), а так же адрес.

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

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, и выбрал день чтобы полностью в нём разобраться. И вновь убедился, что всё, что поначалу кажется сложным, получается в итоге простым и понятным.

путешествия в Google Maps

Тем более, что ранее у нас с Вами уже был опыт работы c сервисом Google Календарь, когда мы научились планировать дела и путешествия.

Идеально сервис работает в родном для Google браузере — Ghrome, в Опере вообще не важно отображается и подтормаживает. Во время работы с картами советую пользоваться Хромом или Мозилой.

Создание своего маршрута / карты путешествия в google maps

Так, давайте создадим свои метки на карте. Первым делом зайдите на google maps и перейдите в раздел «Мои маршруты», здесь надо будет кликнуть на ссылку «Создать»:

Google Maps – создать карту

На созданной карте вы увидите слой, он чем-то напоминает слои в Фотошопе. Под формой поиска находится панель инструментов, которая доступна для работы. А именно:

  • инструмент рука Инструмент «Рука» для выбора объекта на карте. Позволяет выделять выставленные на карте места, чтобы просмотреть их описание, редактировать и.т.п;
  • Инструментом инструмент маркер выставляют маркеры на карте, помечают места и так далее. Основной инструмент в Google Maps для туриста;
  • инструмент линия — этот инструмент отвечает за прокладывания линий и маршрутов на карте. Линия может быть прямой между двумя городами или ломанной через несколько городов (точек на карте). Расчёт маршрута для автомобиля, велосипеда осуществляется на основе автомобильных дорог;
  • инструмент линейка Линейка помогает измерить расстояние и площадь.

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

проставление маркеров

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

Добавление к меткам на карте фотографий и видео

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

Для этого выбираем инструмент проставление маркеров, выделяем необходимый для редактирования маркер и кликаем по иконке с фотоаппаратом:

добавление видео и фото

Далее откроется окно для загрузки и прикрепления контента к маркеру. Это могут быть фото загруженное где-нибудь в интернете, либо видео с Youtube. Изображение так же можно найти поиском Google по картинкам. Напрямую загрузить фотографию с компьютера в Google Maps нельзя.

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

Как измерить расстояние пути и проложить маршрут?

Для измерения расстояния существует два способа — с помощью инструмента «линейка» и «линия». Сейчас подробнее рассмотрим работу каждого из них.

путешествия в Google Maps

Пример работы инструмента «Линейка»

1. Линейка инструмент линейка подойдёт для измерения расстояния по прямой, от пункта А к пункту Б. Если начертить какую-то замкнутую фигуру с помощью «линейки», то можно будет увидеть площадь этой фигуры.

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

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

путешествия в Google Maps

Слева на фото выделенная область «Линией», справа проложенный маршрут

Маршрут создается на новом слое. Чтобы получить детальную статистика, зайдите в меню слоя с проложенным маршрутом иконка меню и кликните по ссылке «Детали маршрута», чтобы осмотреть весь путь подробнее:

отмечать путешествия в Google Maps

У маршрута можно изменять средство передвижения, это может быть велосипед или пеший путь. Но это актуально больше для Европы, Америки, где существуют велосипедные дороги и их добавляют к картам.

Как отметить координаты на карте?

Если вы знаете координаты определённой местности, то в поисковой строке 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:
заполненный файл Excel

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

путешествия в Google Maps Теперь, чтобы добавить все данные на карту, создайте новый слой, после чего нажмите на кнопку «Импорт». В открывшемся меню выберите ваш xls файл или таблицу с Google Drive.

В открывшемся окне сервис предложит выбрать столбцы, отвечающие за месторасположение и названия маркеров, после этого нажимайте «Готово». Через несколько секунд вся таблица с данными будет загружена на карту и доступна для редактирования.

Пример оформленной карты добавленной на сайт:

Карта на которой можно отмечать места наклейками либо стирать

Скретч карта

Это так называемые Скретч карты, которые в свою очередь делятся на два подтипа — c заклеиванием или стиранием посещённых мест. Посмотреть и купить такие карты, вы можете в книжном магазине Лабиринт.

Очень просто отметить на карте места где был, достаточно взять монетку и аккуратно стереть позолоченный слой. По аналогии с лотерейными билетами. Страны на скретч картах раскрашены разными цветами, а у больших государств, вроде США, России и Канады, ещё есть внутренние разделения по штатам, республиками и т.д.

wayempire.com

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

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