谷歌地图方向列表Jquery Mobile/HTML5

谷歌地图方向列表Jquery Mobile/HTML5,html,google-maps,jquery-mobile,Html,Google Maps,Jquery Mobile,我将开始和结束坐标存储在带有HTML5 localstorage的客户端设备上。要向他显示开始和结束之间的路线,我必须使用谷歌地图驱动列表(不是地图..只是文本格式的方向)。应用程序在jquery mobile中 <div data-role="content"> <div data-role="content" id="list"> <ul data-role="listview" data-inset="true" data-filter="

我将开始和结束坐标存储在带有HTML5 localstorage的客户端设备上。要向他显示开始和结束之间的路线,我必须使用谷歌地图驱动列表(不是地图..只是文本格式的方向)。应用程序在jquery mobile中

<div data-role="content">

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

在这种情况下,只需在directionsRenderer上设置方向面板,而不是贴图;不要创建地图。像这样

什么是“谷歌地图驱动列表”?这只是你想要的面板的内容吗(喜欢但没有地图)?或者还有其他内容吗?我想在您提供的链接右侧列出:)正如您从我上面提供的代码中看到的,我已将其设置为directionsRenderer only var directionsDisplay=new google.maps.directionsRenderer();directionsDisplay.setPanel(document.getElementById(“myList”);那么,也许链接到您的实时版本会有所帮助。我贴的那个很有用。
 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);
            }
        });

    }