Javascript Google Map API：具有多种传输模式的路由_Javascript_Api_Google Maps

Javascript Google Map API：具有多种传输模式的路由

javascript api google-maps

Javascript Google Map API：具有多种传输模式的路由,javascript,api,google-maps,Javascript,Api,Google Maps,我有一个谷歌地图的要求。我有起点和终点。在它们之间，几乎没有航路点。我必须通过航路点连接起点和终点。这是可行的谷歌地图api，我已经做到了这一点。但在一种情况下，我必须绘制铁路路线，即两个航路点将通过铁路路线连接。所以，我有一条由汽车路线和铁路路线组成的路线样本：考虑A、B、C和D是位置。 A-起点，B-航路点1，C-航路点2，D-终点 A至B车路线乙至丙-铁路路线丙至丁车路线我该怎么做请引导我我希望这个示例用于您，并且必须注册您的\u API\u密钥还更改您的位置纬度和经度飞行平

我有一个谷歌地图的要求。我有起点和终点。在它们之间，几乎没有航路点。我必须通过航路点连接起点和终点。这是可行的谷歌地图api，我已经做到了这一点。但在一种情况下，我必须绘制铁路路线，即两个航路点将通过铁路路线连接。所以，我有一条由汽车路线和铁路路线组成的路线

样本：考虑A、B、C和D是位置。

A-起点，B-航路点1，C-航路点2，D-终点

A至B车路线

乙至丙-铁路路线

丙至丁车路线

我该怎么做

请引导我

我希望这个示例用于您，并且必须注册您的\u API\u密钥 还更改您的位置纬度和经度飞行平面坐标javascript变量值


简单多段线
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}
//此示例创建一条2像素宽的红色多段线，显示William的路径
//Kingsford Smith在加利福尼亚州奥克兰和加利福尼亚州之间的首次跨太平洋航班
//澳大利亚布里斯班。
函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：3，
中心：{lat:0，lng:-180}，
mapTypeId:google.maps.mapTypeId.TERRAIN
});
var FlightPlan坐标=[
{lat:37.772，lng:-122.214}，
{lat:21.291，lng:-157.821}，
{拉丁美洲：-18.142，液化天然气：178.431}，
{拉丁美洲：-27.467，液化天然气：153.027}
];
var flightPath=new google.maps.Polyline({
路径：FlightPlan坐标，
测地线：正确，
strokeColor:“#FF0000”，
笔划不透明度：1.0，
冲程重量：2
});
flightPath.setMap（map）；
}

我希望这个示例用于您，并且必须注册您的\u API\u密钥 还更改您的位置纬度和经度飞行平面坐标javascript变量值


简单多段线
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}
//此示例创建一条2像素宽的红色多段线，显示William的路径
//Kingsford Smith在加利福尼亚州奥克兰和加利福尼亚州之间的首次跨太平洋航班
//澳大利亚布里斯班。
函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：3，
中心：{lat:0，lng:-180}，
mapTypeId:google.maps.mapTypeId.TERRAIN
});
var FlightPlan坐标=[
{lat:37.772，lng:-122.214}，
{lat:21.291，lng:-157.821}，
{拉丁美洲：-18.142，液化天然气：178.431}，
{拉丁美洲：-27.467，液化天然气：153.027}
];
var flightPath=new google.maps.Polyline({
路径：FlightPlan坐标，
测地线：正确，
strokeColor:“#FF0000”，
笔划不透明度：1.0，
冲程重量：2
});
flightPath.setMap（map）；
}

您使用过您使用过对不同路段分别发出请求（一个方向请求只能有一种旅行模式）@geocodezip我只有两个cordinate，起点和终点。我只需要在海上画一条线。你能给我一些想法来获取它们吗？对不同的路段分别提出请求（一个方向请求只能有一种旅行模式）@geocodezip我只有两个cordinate，起点和终点。我只需要在海上画一条线。你能给我一些想法去买吗。？

   <!DOCTYPE html>
    <html>
      <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta charset="utf-8">
        <title>Simple Polylines</title>
        <style>
          html, body {
            height: 100%;
            margin: 0;
            padding: 0;
          }
          #map {
            height: 100%;
          }
        </style>
      </head>
      <body>
        <div id="map"></div>
        <script>

          // This example creates a 2-pixel-wide red polyline showing the path of William
          // Kingsford Smith's first trans-Pacific flight between Oakland, CA, and
          // Brisbane, Australia.

          function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
              zoom: 3,
              center: {lat: 0, lng: -180},
              mapTypeId: google.maps.MapTypeId.TERRAIN
            });

            var flightPlanCoordinates = [
              {lat: 37.772, lng: -122.214},
              {lat: 21.291, lng: -157.821},
              {lat: -18.142, lng: 178.431},
              {lat: -27.467, lng: 153.027}
            ];
            var flightPath = new google.maps.Polyline({
              path: flightPlanCoordinates,
              geodesic: true,
              strokeColor: '#FF0000',
              strokeOpacity: 1.0,
              strokeWeight: 2
            });

            flightPath.setMap(map);
          }
        </script>
        <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
        </script>
      </body>
    </html>