Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gmaps.js随时间变化的路线_Javascript_Jquery_Google Maps - Fatal编程技术网

Javascript Gmaps.js随时间变化的路线

Javascript Gmaps.js随时间变化的路线,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我试图从位置输出路线时间,因为某些原因,路线从未通过 jQuery(document).ready(function () { $.get('api/index.php', function(data) { data = JSON.parse(data); var map = new GMaps({ div: '#map', lat: 40.715520, lng: -74.00340

我试图从位置输出路线时间,因为某些原因,路线从未通过

jQuery(document).ready(function () {
    $.get('api/index.php', function(data) {
        data = JSON.parse(data);
        var map = new GMaps({
            div: '#map',
            lat: 40.715520,
            lng: -74.003409
            zoom: 10
        });
        map.getRoutes({
            origin: [40.715520, -74.003409],
            destination: [data.lat, data.lon],
            callback: function(e) {     
                var time = 0;
                for (var i = 0; i < e[0].legs.length; i++) {
                    time += e[0].legs[i].duration.value;            
                }
                $('.time').html(time);
            } 
        });
    });
});
jQuery(文档).ready(函数(){
$.get('api/index.php',函数(数据){
data=JSON.parse(数据);
var map=新GMAP({
分区:“#地图”,
纬度:40.715520,
液化天然气:-74.003409
缩放:10
});
map.getRoutes({
来源:[40.715520,-74.003409],
目的地:[data.lat,data.lon],
回调:函数(e){
var时间=0;
对于(var i=0;i
我做错什么了吗? 我以前试过这个,效果很好

以下是api输出:
{“lat”:40.9238473,“lng”:-73.237647}

创建地图时,lng和缩放属性之间缺少逗号:

var map = new GMaps({
    div: '#map',
    lat: 40.715520,
    lng: -74.003409,
    zoom: 10
});
调用map.getRoutes方法时,需要使用属性data.lng而不是data.lon

map.getRoutes({
            origin: [40.715520, -74.003409],
            destination: [data.lat, data.lng],
            ... 
        });

当您尝试解析数据时,是否确定该数据尚未成为对象?