谷歌地圖的方向列表jquery移動/ HTML5

我有存儲在客戶端設備上的HTML5 localstorage.Delaylay他開始和結束之間的路線，我必須使用谷歌地圖駕駛名單（不是地圖..just以文本格式指示）該應用程序在jquery mobile中。谷歌地圖的方向列表jquery移動/ HTML5

<div data-role="content"> 

    <div data-role="content" id="list"> 
    <ul data-role="listview" data-inset="true" data-filter="true" id="myList">

我可以在我的列表視圖中添加id列表的驅動列表？

function gotDirections(geo){ 
     var directionsService = new google.maps.DirectionsService(); 
     var directionsDisplay = new google.maps.DirectionsRenderer(); 
     directionsDisplay.setPanel(document.getElementById("myList")); 
     var storedlati=localStorage.getItem("text1"); 
     var storedlongi=localStorage.getItem("text"); 
     var destilati=localStorage.getItem("text2"); 
     var destilongi=localStorage.getItem("text3"); 
     var request = { 
      origin:google.maps.LatLng(storedlati,storedlongi), 
      destination:google.maps.LatLng(destilati,destilongi), 
      travelMode: google.maps.TravelMode.DRIVING 
     }; 
     directionsService.route(request, function(result, status) { 
      if (status == google.maps.DirectionsStatus.OK) { 
       directionsDisplay.setDirections(result); 
      } 
     }); 

    }

來源

2012-11-01 Introvert Guy

什麼是「google maps駕駛列表」？它只是您想要的面板的內容（如[this]（http://www.geocodezip.com/v3_GoogleEx_directions-draggableA.html），但沒有地圖）？還是有什麼額外的？ – geocodezip

我想要在你給出的鏈接上的右側的列表:) –

在這種情況下，只需在directionsRenderer而不是地圖上設置路線面板;並且不要創建地圖。像這樣Example

來源

2012-11-02 05:09:23 geocodezip

正如你從我已經給出的代碼中可以看到我已經將它設置爲directionsRenderer只有var directionsDisplay = new google.maps.DirectionsRenderer（）; directionsDisplay.setPanel（document.getElementById（「myList」））; –

然後，也許一個鏈接到你的現場版本會有所幫助。我發佈的作品。 – geocodezip

想通了。謝謝你的幫助:) –

谷歌地圖的方向列表jquery移動/ HTML5

回答

相關問題