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

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

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

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

Источник

1 ответ

Вот 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

если вы хотите сделать это с помощью API-интерфейса JS, я привел небольшой пример, вставьте свой ключ 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>

Источник
Другие вопросы по тегам