Упражнение. Тестирование приложения для поиска маршрута

  • 8 мин

Первый запуск нового приложения — это всегда волнительный момент!

Тестирование приложения

  1. Найдите свой HTML-файл в папке Documents. Дважды щелкните его или откройте в браузере.

  2. Появилась карта мира с баннером приложения? Если нет, вернитесь назад и тщательно проверьте, что вы правильно выполнили действия в предыдущем уроке.

  3. Без лишних разговоров нажимайте кнопку Go (Поехали). Вы увидите, что быстро отобразятся маршруты для грузовика и легкового автомобиля.

  4. Подождите несколько секунд, после чего появится зеленый маршрут для поездки на велосипеде.

    Screenshot showing the route in the app, going from Seattle to New York.

  5. Если все выглядит так, как на изображении выше, то у вас все получилось! Теперь можно смело отправляться в путь.

  6. Маршрут для легкового автомобиля обозначен фиолетовым цветом, а маршрут для грузовика — синим. Маршруты почти одинаковые, однако расходятся на порядка 50 километров. Откуда появились эти дополнительные километры?

  7. Если начать с Сиэтла, расхождение в маршрутах будет очевидно, поскольку для грузовиков с опасными грузами закрыт проезд по мосту I-90. Проследите маршрут, изменяя масштаб участков, и постарайтесь определить расположение трех участков, в которых маршруты расходятся.

  8. Вам удалось найти их?

    Seattle Чикаго Нью-Йорк
    Screenshot of truck and car routes diverging in Seattle. Screenshot of truck and car routes diverging in Chicago Screenshot of truck and car routes diverging in New York

  9. Теперь вернемся к Чикаго и немного уменьшим масштаб. Заметили, что маршрут для велосипеда проходит через паромную переправу? В алгоритмах поиска маршрутов четко прослеживается логика.

    Screenshot of the bicycle route taking the ferry.

  10. Измените класс опасного груза для грузовика на USHazmatClass9 и нажмите кнопку Go еще раз. Вы не заметите никаких различий в маршруте для грузовика. Теперь измените класс на USHazmatClass1 (взрывоопасные вещества) и нажмите Go. Обратите внимание на небольшое увеличение расстояния маршрута. Вернитесь в Чикаго, внимательно взгляните на участок маршрута в районе Хэммонда и снова запустите два маршрута с опасным грузом. Обратите внимание, что маршрут грузовика с опасным грузом класса USHazmatClass1 длиннее.

  11. Попробуйте построить маршрут из Сан-Франциско в Майами. Обратите внимание, что расхождение в маршрутах для классов USHazmatClass1 и USHazmatClass9 достаточно значительное. Грузовик с грузом меньшего класса опасности может срезать несколько километров, воспользовавшись другим маршрутом для преодоления большей части поездки.

  12. Теперь установите флажок via Chicago (через Чикаго) и снова постройте маршрут из Сан-Франциско в Майами. Вычисление всех маршрутов теперь занимает несколько секунд.

  13. Попробуйте построить маршруты из Портленда в Чарлстон с заездом в Чикаго и минуя его.

Дополнительная настройка приложения

  1. В приложение можно добавить избранное местоположение. Для этого необходимо найти его широту и долготу. Замените координаты существующего местоположения в коде новыми значениями. Затем найдите и замените все экземпляры новым именем. Теперь выполните код.

    Найдите west1 в коде скрипта и замените значения westTitle, westLat и westLon.

        if (document.getElementById("west1").checked == true) {
                            westTitle = "Your location";
                            westLat = your latitude;
                            westLon = your longitude;
                        } else

  2. Попробуйте заменить город в США, указав другие местоположения в Северной Америке. Или добавьте несколько местоположений на другом континенте.

Будем надеяться, что вы тщательно протестировали приложение для поиска маршрута. Теперь, чтобы вернуться к более формальной части этого модуля, давайте обобщим изученное и завершим модуль проверкой знаний.