Блог

Пользователь заходит в мое веб-приложение и находит адрес назначения, но он не находит исходное местоположение и публикует страницу. Обычный пользователь, который не зарегистрирован в веб-приложении, добавляет местоположение источника.

Как только пользователь добавляет исходное местоположение, он не может видеть точную карту направления, вместо этого Google отображает карты по умолчанию.

Вот исключение, возникающее при использовании консоли chrome.

Я добавил сюда код, а также исключение, которое я получаю

 Error Name:
main.js:41Uncaught TypeError:Object#<object> has no method 'Load'


function calcRoute() {
    showDirections();
  document.getElementById('directionsPanel').innerHTML="";
    initialize();
  var start = document.getElementById("txt_from").value;
  var end = getDestinationAdderss(document.getElementById('final_address').innerHTML);
  var request = {
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });
  

 function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var chicago = new google.maps.LatLng(41.850033, -87.6500523);
  var myOptions = {
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: chicago
  }
  map = new google.maps.Map(document.getElementById("map_canvas_directions"), myOptions);
  directionsDisplay.setMap(map);
  directionsDisplay.setPanel(document.getElementById("directionsPanel"));
}
  

Вы удалили некоторый код, который присутствует в примере Google.

 directionsDisplay = new google.maps.DirectionsRenderer({
    'map': map,
    'preserveViewport': true,
    'draggable': true
});
  

Я ожидаю, что ваш код снова заработает, если вы добавите приведенный выше код в нужное место. Если нет, вам действительно следует начать с примера кода заново, поскольку это действительно работает.

Скриншот отладки показывает, что initialize() — это последний фрагмент кода, выполняемый в вашем файле перед тем, как Google Maps API выдаст ошибку. Так что загляните туда (и / или укажите этот код в своем вопросе).

ОБНОВЛЕНИЕ: Исходя из вашего кода, первой проверкой может быть проверка наличия элемента с идентификатором map_canvas_directions и другого элемента с идентификатором directionsPanel . Недостаточно информации, чтобы сказать наверняка, но если бы мне пришлось догадываться, ваши изменения пользовательского интерфейса избавили вас от того или иного из этих элементов, но они требуются вашему коду.

ОБНОВЛЕНИЕ К ОБНОВЛЕНИЮ: замена содержимого в конструкторе DirectionsRenderer(), как предлагает @Arjan, также является вероятной причиной вашей проблемы, поэтому обязательно попробуйте это тоже!