Google maps api 3 如何在谷歌地图上绘制多段线

Google maps api 3 如何在谷歌地图上绘制多段线,google-maps-api-3,Google Maps Api 3,请告诉我如何使用自定义颜色在两个地理编码点之间绘制简单的多段线。您需要的一切都在这里: 在较高级别上,您希望执行以下操作: 提出两个请求(使用地理编码器)对两点进行地理编码。您将向每个请求传递一个函数,一旦数据可用,该函数将被回调 您需要等待这两个函数完成。您可以有两个布尔值“oneDone,twoDone”,并在函数回调时将其设置为true 使用多段线简单示例中的代码在点之间绘制多段线 使用以下函数在两个点之间绘制线,我在第一个点和第二个点中传递map和lat以及long var mapOp

请告诉我如何使用自定义颜色在两个地理编码点之间绘制简单的多段线。

您需要的一切都在这里:

在较高级别上,您希望执行以下操作:

  • 提出两个请求(使用地理编码器)对两点进行地理编码。您将向每个请求传递一个函数,一旦数据可用,该函数将被回调

  • 您需要等待这两个函数完成。您可以有两个布尔值“oneDone,twoDone”,并在函数回调时将其设置为true

  • 使用多段线简单示例中的代码在点之间绘制多段线


  • 使用以下函数在两个点之间绘制线,我在第一个点和第二个点中传递map和lat以及long

    var mapOptions = {
        zoom: zoom,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    
    map = new google.maps.Map(document.getElementById('map-canvas_'+id), mapOptions);    
    
    function poliLines(map, latPointBefore, lonPointBefore, latPointAfter, lonPointAfter){
    
            var routes = [
              new google.maps.LatLng(latPointBefore, lonPointBefore)
              ,new google.maps.LatLng(latPointAfter, lonPointAfter)
            ];
    
            var polyline = new google.maps.Polyline({
               path: routes
               , map: map
               , strokeColor: '#ff0000'
               , strokeWeight: 5
               , strokeOpacity: 0.5
               , clickable: false
           });
    
    }