Есть в Песочнице API Яндекс.Карт (
api.yandex.ru/maps/jsbox/2.1/multiroute_custom_bal... пример как изменить балун
Мультимаршрутаvar balloonLayout = ymaps.templateLayoutFactory.createClass(
"<div class='my-balloon'>" +
"<u>Маршрут {% if properties.type == 'driving' %}" +
"на автомобиле<br/>" +
"{% else %}" +
"на общественном транспорте" +
"{% endif %}</u><br />" +
"Расстояние: " +
"<i>{{ properties.distance.text }}</i>,<br />" +
"Время в пути: " +
"<i>{{ properties.duration.text }} (без учета пробок) </i>." +
"</div>"
),
multiRoute = new ymaps.multiRouter.MultiRoute({
referencePoints: [
"метро Арбатская",
"метро Смоленская"
]
}, {
/**
* Макет геообъекта.
* @see http://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/GeoObject.xml#param-options
*/
balloonLayout: balloonLayout,
// Отключаем режим панели для балуна.
balloonPanelMaxMapArea: 0
});
myMap.geoObjects.add(multiRoute);
, но этот пример не подходит к
обычному маршруту.
Там есть пример как добавить балун и к
обычному маршруту (
api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/rou... Пример 1
ymaps.route([
'Королев',
{ type: 'viaPoint', point: 'Мытищи' },
'Химки',
{ type: 'wayPoint', point: [55.811511, 37.312518] }
], {
mapStateAutoApply: true
}).then(function (route) {
route.getPaths().options.set({
// в балуне выводим только информацию о времени движения с учетом пробок
balloonContentBodyLayout: ymaps.templateLayoutFactory.createClass('<div>ok</div>'),
// можно выставить настройки графики маршруту
strokeColor: '0000ffff',
opacity: 0.9
});
// добавляем маршрут на карту
map.geoObjects.add(route);
});
Но свойство
balloonContentBodyLayout не работает. Я пробовал как в Песочнице API Яндекс.Карт, так и у себя, - контент балуна не меняется.
Помогите добавить балун к
обычному маршруту. Спасибо!