Ashlis
@Ashlis

Как вывести маршрут google maps API?

У меня есть такая функция, которая инициализирует карту. Мне необходимо связывать несколько точек, но то, что я делаю не работает. Как сделать это и что в данном примере я делаю не так?
initMap() {

      const loader = new Loader(this.$api.mapApiToken, {
        language: 'ru'
      })

      loader.load().then(function (google) {
        const mapInctance = new google.maps.Map(document.getElementById('google-map'), {
          center: {lat: 60.023539414725356, lng: 30.283663272857666},
          zoom: 8,
        })

        const latLng = { lat: 60.023539414725356, lng: 30.283663272857666 }
        const latLng2 = { lat: 59.79530896374892, lng: 30.410317182540894 }

        const marker = new google.maps.Marker({
          position: latLng,
          map: mapInctance
        })
        const marker2 = new google.maps.Marker({
          position: latLng2,
          map: mapInctance
        })

        console.log(marker,marker2)

        let directionsDisplay = new google.maps.DirectionsRenderer({
          map: mapInctance
        })
        let directionsService = new google.maps.DirectionsService

        directionsService.route({
          origin: {lat: 60.023539414725356, lng: 30.283663272857666},
          destination: { lat: 59.79530896374892, lng: 30.410317182540894 },
          travelMode: google.maps.TravelMode.DRIVING
        }, function(response, status) {
          if (status == google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(response);
          } else {
            window.alert('Directions request failed due to ' + status);
          }
        })

      })
    },
  },
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы