Платформа Google Maps - JS API - пошаговая инструкция - PullRequest
Новая
       42

Платформа Google Maps - JS API - пошаговая инструкция

0 голосов
/ 16 октября 2019

Мне не удается отобразить панель «Поворот за поворотом» с помощью JavaScript API. Сам маршрут представлен успешно, и я думаю, что я добавил весь необходимый код - но, очевидно, чего-то не хватает. Код ниже: 

function displayDirections(origin) {
        hideMarkers(markers);
        var directionsService = new google.maps.DirectionsService;
        // Get the destination address from the user entered value.
        var destinationAddress = document.getElementById('search-within-time-text').value;
        // Get mode again from the user entered value.
        var mode = document.getElementById('mode').value;
        directionsService.route({
          // The origin is the passed in marker's position.
          origin: origin,
          // The destination is user entered address.
          destination: destinationAddress,
          travelMode: google.maps.TravelMode[mode]
        }, 
        function(response, status) {
          if (status === google.maps.DirectionsStatus.OK) {
            var directionsDisplay = new google.maps.DirectionsRenderer({
              map: map,
              directions: response,
              draggable: true,
              polylineOptions: {
                strokeColor: 'blue'
              }
            });
          } else {
            window.alert('Directions request failed due to ' + status);
          }
        directionsRenderer.setPanel(document.getElementById('directionsPanel'));
        });
      }

, а также: 

<div id="directionsPanel" style="float:right;width:30%;height 100%"></div>
<div id="map" style="float:left;width:70%; height:100%"></div>
...