2017-03-25 79 views
-1

我有2個latlong值。我需要顯示3個latlong值之間的路徑。如何在兩個標記之間畫線。我需要標記之間顯示的路徑,這樣我們就可以知道如何在谷歌地圖中顯示兩個標記之間的路徑

<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> 
+0

見文檔中的示例。例如。 https://developers.google.com/maps/documentation/javascript/examples/directions-simple – xomena

+0

[如何在Google地圖中的兩個標記之間繪製路線]可能的重複(http://stackoverflow.com/questions/27341214 /如何在谷歌地圖中繪製兩個標記之間的路線) – geocodezip

回答

0

您創建中心,和縮放地圖對象的運動,然後你用不同的中心和縮放,不知道地圖對象覆蓋它爲什麼....

只需簡單地創建一個折線與座標...

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

    pathBetween.setMap(map); 

...並且應該有顯示的行...

+0

實際上,我試圖捕獲10個最新的latlong值,表明它看起來像對象正在將一個地方移動到另一個地方。 –

+1

好的,那麼這更像是一個數學問題......簡而言之...你有一條兩點的線,將這條線分成10個相等的點並計算每個點的座標,然後用這10個點創建標記座標,這裏是一個鏈接,讓你開始.... https://www.nextgurukul.in/nganswers/ask-question/answer/Find-the-coordinates-of-points-dividing-the-line-segment-成-5-等於-份/座標-幾何/ 92235.htm –

相關問題