Плагин Directions позволяет построить оптимальный маршрут между несколькими точками (до десяти).
Плагин использует Directions API, поэтому для его использования нужно получить соответствующий ключ. Чтобы это сделать, заполните форму по адресу dev.2gis.ru/order.
Чтобы подключить плагин, нужно добавить следующую строку после подключения основного скрипта MapGL:
Или установить нужный пакет npm:
Использование плагина
Чтобы отображать маршруты на карте, нужно сначала инициализировать объект Directions:
const directions = new mapgl.Directions(map, < directionsApiKey: ‘Ключ Directions API’, >);
В случае использования npm:
После инициализации можно вызывать следующие методы:
- carRoute() для построения автомобильного маршрута;
- pedestrianRoute() для построения пешеходного маршрута.
Оба метода принимают массив географических координат в качестве параметра points .
directions.carRoute(< points: [ [55.27887, 25.21001], [55.30771, 25.20314], ], >); directions.pedestrianRoute(< points: [ [55.27887, 25.21001], [55.30771, 25.20314], ], >);
Чтобы удалить маршрут, нужно вызвать метод clear() :
Яндекс навигатор, маршрут по нескольким точкам, алгоритм построения.
directions.clear();
Пример автомобильного маршрута
Выберите две точки на карте, чтобы построить между ними автомобильный маршрут.
Interactive example Source code
Пример пешеходного маршрута
Выберите две точки на карте, чтобы построить между ними пешеходный маршрут.
Interactive example Source code
Настройки отображения
Графически маршрут — это несколько линий, расположенных друг под другом:
- основная зелёная линия маршрута сверху (route line);
- белая линия подложки посередине (substrate line);
- красная линия обводки внизу (halo line).
Ширину любой из этих линий можно изменить с помощью параметра style .
Ширину можно указать в пикселях или как InterpolateExpression — в таком случае она будет меняться в зависимости от масштаба карты.
Чтобы скрыть линию, нужно указать для неё ширину 0.
directions.carRoute(< points: [ [55.28273111108218, 25.234131928828333], [55.35242563034581, 25.23925607042088], ], style: < // Основная линия (зелёная) routeLineWidth: [ ‘interpolate’, [‘linear’], [‘zoom’], 10, 30, // Ширина основной линии будет меняться от 30 пикселей на масштабе 10 и ниже. 14, 3, // . до 3 пикселей на масштабе 14 и выше ], // Линия подложки (белая) substrateLineWidth: [ ‘interpolate’, [‘linear’], [‘zoom’], 10, 3, // Ширина линии подложки будет меняться от 3 пикселей на масштабе 10 и ниже. 14, 50, // . до 50 пикселей на масштабе 14 и выше ], // Ширина линии обводки будет равна 60 пикселям на любом масштабе карты haloLineWidth: 60, >, >);
Попробуйте изменить масштаб карты в примере ниже, чтобы увидеть как меняется ширина линий.
Источник: docs.2gis.com
Как построить маршрут Google карты
Расчет расстояний между городами на автомобиле (машине) с промежуточными нескольким точками с промежуточными точками до 10 точек. Построить маршрут подробный на машине
Используйте до 10 точек для составления маршрута и расчета расстояний на карте
Точки на карту можно добавлять 3-мя способами:
1) кликом по карте (для составления маршрута нужно минимум 2 точки)
2) введение ключевых слов в строке поиска — это значит ввели название например города, если выбрали из списка он появится автоматически, если не выбирали, то нажимаем +, следом вводим в том же поле вводим еще одну точку для составления маршрута, итак можно до 10 точек, затем кликаем «Рассчитать»
3) добавление широты и долготы
Дополнительные возможности:
1) Расчет расстояния и времени в пути между городами
2) Составления маршрута с использованием до 10-ти промежуточных точек, которые автоматически добавляются на карту
3) Создание и экспорт KML-файла
4) Рассчет расхода топлива, его стоимости (осущ-ся 2-м кликом, после составления маршрута)
5) Конвертация стоимости топлива, в другие валюты: евро, доллар, гривна, тенге, бел.рубль
6) Определение по широте и долготе местоположения на карте Навигация онлайн по карте, Маршрут от и до онлайн, Расчет расстояний ру зоне между городами и населенными пунктами для грузового и легкового автомобиля с расходом топлива. Вы сможете составить оптимальный маршрут из нескольких адресов, узнаете, как доехать от точки А и до точки В, также составить маршрут движения на автомобиле по карте, составить автомобильный маршрут по России и миру.
Данной картой можно рассчитать расстояние между городами, т.е. расчет расстояния между городами с промежуточными точками, данная карта может произвести расчет времени в пути и расстояния между городами, произвести рассчет расхода топлива, бензина, рассчет стоимости топлива на рассчитанное расстояние и конвертация цены в другие валюты: евро, доллар, тенге, гривна, бел.рубль. Карта имеет в себе встроенный текстовый навигатор онлайн, при клике по которому данные отображаются на самой карте и будет видно, какая это трасса и где нужно свернуть.
Также можно построить маршрут с промежуточными точками простым кликом по карте, найти по координатам местоположение на карте. После составления маршрута 2-м кликом карта рассчитаем Вам расход топлива на проложенный путь.
Расстояние можно рассчитать в киломертах и милях, построить маршрут между городами на машине, автомобиле, построить пеший (пешком) маршрут и на общественном транспорте, включая поезда, метро, автобусы, а также на велосипеде. Проложить маршрут на автомобиле между городами просто кликая по нужному месту на карте и нажимать кнопку «Рассчитать».
Создать маршрут по метро по нескольким точкам, построить маршрут на автомобиле с промежуточными точками. Найти место по координатам широты и долготы. Поиск по координатам на карте. Прокладка маршрута на автомобиле с промежуточными точками.
Проложить маршрут на автомобиле с промежуточными точками на карте онлайн, рассчитать маршрут на автомобиле с промежуточными точками на карте. Онлайн расчет расстояний по широте и долготе. Маршрут от точки А до точки Б на автомобиле с промежуточными точками. Прокладка маршрутов и расчет расстояний между городами по автодорогам, как доехать от и до. Карта Калининград, Иркутск, Пенза, Нижний Новгород, Москва, Санкт-Петербург.
в 2-х словах, как работать с этой картой?
→ самое простое, кликайте мышью на карте, где вам нужно минимум 2 точки и нажимайте «Рассчитать», если нажать кнопку «Рассчитать» 2-ой раз рассчитывает расход топлива и стоимость в руб., с пересчетом в другие валюты
→ другой способ вводите в самое верхнее поле ключевые слова, выбираете из выпад.списка, нужное место (или просто жмете +), точки вводятся подряд в том же самом поле
(минимум 2 точки)
→ подробнее жмите выше на слово «Помощь»
Источник: kakdobratsyado.ru