Question

我正在尝试通过谷歌地图javascript v2获取给定方向的持续时间和距离。我正在做的是点击按钮我发送ajax请求，返回来自服务器端的纬度，经度信息（来自gpx文件）den我再次使用从新航路点地图`

开始的地图重新填充div

<head>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;" type="text/javascript"></script>
<script type="text/javascript">

    var map;
    var directionsPanel;

var directions;

var points_lt = [12.9172543,12.9326889,12.9761378,12.9896399];

var points_lg = [77.6230109,77.6131779,77.6017195,77.5928038];

function initialize() {
    map = new GMap2(document.getElementById("map_canvas"));
    var wp = new Array(2);
    wp[0] = new GLatLng(12.9172543,77.6230109);
    wp[1] = new GLatLng(13.0144572,77.5689697);
    map.setUIToDefault();

    // load directions
    directionsPanel = document.getElementById("route");
    directions = new GDirections(map, directionsPanel);
    directions.loadFromWaypoints(wp);

    }

function ChangeIt(){
    var cur_lt=null;
    var cur_lg=null;
    var cal=$.ajax({
      type: "GET",
      url: "./Handler.php?q=now",
      dataType: "html"
    }); 
    cal.done(function(msg){
       if(msg == 0){
        return false;
       }
       var Gpoint=msg.split("|");
       cur_lt=Gpoint[0];
       cur_lg=Gpoint[1];
       var wp = new Array(2);
       wp[0] = new GLatLng(cur_lt,cur_lg);
       wp[1] = new GLatLng(13.0144572,77.5689697);
       document.getElementById("map_canvas").innerHTML="";  
       map = null;
       directionsPanel.innerHTML = "" ;
       map = new GMap2(document.getElementById("map_canvas"));
       map.setUIToDefault();
       directions = new GDirections(map,directionsPanel);
       directions.loadFromWaypoints(wp);
       alert(directions.getDuration().html);
     });
}   
$(document).ready(function(){
    var a= function(){
            ChangeIt();
    };
    $("#bt1").click(function(){
        ChangeIt();
    });
    //setInterval(a, 3000); 

}); 
</script>

</head>
<body onload="initialize()" onunload="GUnload()">
    <input type="button"  name="bt1" value="Change Route" id="bt1">
    &nbsp;<div id="map_canvas" style="width: 600px; height: 400px ;left:350px"></div>
<div id="route" style="width: 25%; height:480px; float:right; border; 1px solid black;">          </div>

<br/>

`

但是当我尝试getDistance或getDuration时，我没有得到任何警报。我想我正在返回null或者没有预料到的东西。请帮助。我是google地图的新手，如果我做错了请告诉我

Answer 1

请注意：

Google Maps JavaScript API第2版已正式发布自2010年5月19日起弃用.V2 API将继续有效，直到 2013年5月19日

我强烈建议您迁移到Google API V3

Answer 2

Directions Service是异步的。在数据从服务器返回之前，您无法访问结果。有关可用事件的描述，请参阅the documentation（“加载”似乎很可能，但自从我查看v2以来已经有一段时间了。）

请注意，Google Maps API v2已弃用，实际上不应用于新开发。

directions.getDuration（）返回null

2 个答案: