2012-04-18 61 views
0

所以,我不知道這段代碼有什麼問題,需要幫助。谷歌地圖航點不能正常工作

我希望用戶輸入開始,航點和結束地址。

var start = document.getElementById('start').value; 

var way = document.getElementById('way').value; 

var end = document.getElementById('end').value; 


var request = 
    { 

     origin: start, 

     destination: end, 

     waypoints: way, 

     travelMode: google.maps.DirectionsTravelMode.DRIVING 

    }; 

............................................ ...................................

<strong>Start:</strong> 

    <input id="start" type="text" ></input> 

    <strong>Waypoint:</strong> 

    <input id="way" type="text" ></input> 

    <strong>End:</strong> 

    <input id="end" type="text" ></input> 

似乎並不明白我在哪裏我錯了,並提前感謝您的解釋。

+0

什麼激活這些功能?你有提交按鈕嗎?我沒有看到任何圍繞javascript代碼的函數。 – chadpeppers 2012-04-18 14:45:30

+0

是的,有一個提交按鈕,onclick激活javascript代碼。然而,我的問題在於我如何看待航點的價值,我覺得這是不對的。 – 2012-04-18 14:59:48

回答

0

Waypoints是一組DirectionsWaypoint對象。這些對象包含LatLng對象或地址字符串和布爾停留屬性。

試試這個:

var waypoints = []; 

waypoints.push({ 
    location:document.getElementById('way').value, 
    stopover:true // true by default. Technically this property is optional. 
}); 

這裏是一個Google Sample App與航點的工作。

+0

非常感謝,它的工作原理。 – 2012-04-18 16:29:13

0

waypoints應爲每the documentation

陣列如果只有一個,使用

waypoints: [way], 

傳遞單個元件的陣列。

+0

我做了var way = []; way.push(的document.getElementById( '方式')的值。);即使那時不工作。順便提一下,感謝道路點是一組元素。 – 2012-04-18 15:41:36