0

Доброго времени суток.

Есть яндекс карта с построением маршрута. Есть два внешних поля input и кнопка "Построить маршрут". Нужно, чтобы при нажатии на кнопку, из input-ов значения попадали в route и строился маршрут на карте. При клике ничего не происходит, подскажите пожалуйста, в чем может быть ошибка.

<script type="text/javascript">
 
        ymaps.ready(init);
 
        let myMap;
        let suggestViewFrom, suggestViewTo;
        let from, to;
 
        function init() {
 
            //Всплывающая подсказка
            suggestViewFrom = new ymaps.SuggestView('from');
            suggestViewTo = new ymaps.SuggestView('to');
 
            myMap = new ymaps.Map("map", {
                center: [55.755814, 37.617635],
                zoom: 8,
            });
 
            //Маршрут
            ymaps.route([from, to])
                .then(function (route) {
                    // Добавляем маршрут на карту.
                    myMap.geoObjects.add(route);
                },
                function (error) {
                    alert('Возникла ошибка: ' + error.message);
                });
        }
 
    
    document.getElementById('run').addEventListener('click', function () {
        from = document.getElementById('from').value;
        to = document.getElementById('to').value;
    });
 
</script>
<div id="app">
    <div><input type="text" id="from"></div>
    <div><input type="text" id="to"></div>
    <div><input type="submit" id="run" value="ПОСТРОИТЬ МАРШРУТ"></div>
    <div id="map"></div>
</div>

1 ответ 1

0

Вызывайте построитель маршрута после

  1. готовности ymaps (внутри функции init)
  2. в обработчике нажатия кнопки "ПОСТРОИТЬ МАРШРУТ"
1
  • 2
    Было бы уместно сопроводить ответ фрагментом кода, раз это ваш собственный вопрос - возможно поможет другим участникам сайта
    – A K
    28 фев 2020 в 17:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.