0

我打算设计一个软件。我想使用 javascript api 进行地图服务。但我无法使用教程找到混合方向。

  • 我会使用谷歌地点搜索框选择来源和目的地。(0K)
  • 默认情况下将选择中转（确定）
  • 方向将显示指令（OK）
  • 方向应包括步行和过境。但我无法实现这一点。你能在这方面帮助我吗？

基本上，我需要支持来显示步行和过境指示才能到达目的地。

4

1 回答 1

0

这是为随机城市生成路线的 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>

于 2018-10-18T07:11:03.143 回答