Яндекс.Карты multiRoute
HTML
<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<div id="map"></div>
CSS
body {
height: 100%;
}
#map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
JavaScript
function init() {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64],
zoom: 10
}),
/**
* Создание мультимаршрута.
* @param {Object} model Модель маршрута. Задается объектом с полями: referencePoints и params.
* referencePoints - описание опорных точек мультимаршрута (обязательное поле);
* params - параметры мультимаршрута.
* @param {Object} [options] Опции маршрута.
* @see http://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/multiRouter.MultiRoute.xml
*/
multiRoute1 = new ymaps.multiRouter.MultiRoute({
referencePoints: [
"Москва, метро Речной вокзал",
"Москва, метро Водный стадион",
]
}, {
// Радиус транзитных точек на маршруте.
viaPointIconRadius: 10,
// Радиус точечных маркеров в путевых точках.
pinIconRadius: 10,
wayPointStartIconColor: "#80C257",
wayPointFinishIconColor: "#8470FF",
wayPointIconColor: "black",
routeStrokeWidth: 2,
routeActiveStrokeWidth: 6,
routeStrokeColor: "000088",
routeActiveStrokeColor: "#FF4500",
pinIconFillColor: "#BFEFFF",
viaPointIconFillColor: "#FFD39B",
transportMarkerIconColor: "#FFE4E1"
}),
multiRoute2 = new ymaps.multiRouter.MultiRoute({
referencePoints: [
"Москва, метро Войковская",
"Москва, метро Сокол"
]
}, {
routeStrokeWidth: 2,
routeActiveStrokeWidth: 4,
routeStrokeColor: "000088",
routeActiveStrokeColor: "#66CDAA"
}),
buttonRoute1 = new ymaps.control.Button({
data: {
content: "Первый маршрут"
},
options: {
maxWidth: 300
}
}),
...