如何在谷歌地图中显示两个标记之间的路径

时间:2017-03-25 09:32:12

标签: javascript google-maps google-maps-api-3

我有2个latlong值。我需要显示3个latlong值之间的路径。如何在2个标记之间画线。我需要在标记之间显示路径,以便我们知道运动

<script>

    function initMap() {
        var myLatLng = { lat: 17.446507, lng: 78.383033};
        var myLatLng1 = { lat: 17.428888, lng: 78.384444 }; 

        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 18,
            center: myLatLng,
        });
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 14,
            center: myLatLng1
        });


        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            title: 'Asset 1',
            animation: google.maps.Animation.DROP,

        });
        marker.addListener('click', toggleBounce);

        var marker = new google.maps.Marker({
            position: myLatLng1,
            map: map,
            title: 'Hello World!',
            icon:image
        });        
    }       
  }
</script>

1 个答案:

答案 0 :(得分:0)

你创建一个带有居中和缩放的地图对象,然后用一个具有不同中心和缩放的地图对象覆盖它,不知道为什么......

只需使用这些坐标创建折线......

       var pathBetween = new google.maps.Polyline({
      path: [myLatLng,myLatLng1],
      strokeColor: '#FF0000',
      strokeOpacity: 1.0,
      strokeWeight: 2
    });

    pathBetween.setMap(map);

...并且应该显示一行...