@kmm-design

Как добавить балун к обычному маршруту в Яндекс Картах?

Есть в Песочнице 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 Яндекс.Карт, так и у себя, - контент балуна не меняется.

Помогите добавить балун к обычному маршруту. Спасибо!
  • Вопрос задан
  • 4167 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы