При использовании API направления JavaScript необходимо использовать инструкцию направления при ходьбе и транзите - PullRequest
Новая
       86

При использовании API направления JavaScript необходимо использовать инструкцию направления при ходьбе и транзите

0 голосов
/ 18 октября 2018

собираюсь разработать одно программное обеспечение.Я хочу использовать JavaScript API для картографического сервиса.Но я не смог найти направление микса, используя учебник.

  • Я бы выбрал источник и пункт назначения, используя окно поиска Google Place.(0K)
  • по умолчанию будет выбран транзит (OK)
  • направление будет отображаться с инструкцией (OK)
  • Направление должно быть включено как при ходьбе, так и при прохождении.Но я не могу реализовать это.Не могли бы вы помочь мне в этой части.

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

1 Ответ

0 голосов
/ 18 октября 2018

Вот 2 запроса на генерацию направлений для случайных городов, обязательно скопируйте ваш ключ API.

пешеходные маршруты

https://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&avoid=highways&mode=walking&key=YOURAPIKEY

маршруты проезда

https://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&avoid=highways&mode=driving&key=YOURAPIKEY

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

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
      * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      var map;
      var directions;

  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8
    });
    directions = new google.maps.DirectionsService
    directions.route({
      origin: 'Tokyo',
      destination: 'Yokohama',
      region: "Ja",
      travelMode: 'TRANSIT',
      unitSystem: google.maps.UnitSystem.IMPERIAL
    }, (route)=> console.log(route))
  }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBsYuTQdeFRaWzydcZnD6Dk39qCqDHtuDU&callback=initMap"
        async defer></script>

...