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],
...
});
当您尝试解析数据时,是否确定该数据尚未成为对象?