0

我正在尝试通过 Google maps 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 或不期望的东西。请帮忙。我是谷歌地图的新手，如果我做错了请告诉我

4

2 回答 2

0

请注意：

Google Maps JavaScript API 第 2 版已于 2010 年 5 月 19 日正式弃用。V2 API 将继续工作至 2013 年 5 月 19 日

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

于 2012-11-07T12:17:36.740 回答
0

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

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

于 2012-11-07T12:18:03.710 回答