Javascript 在谷歌地图API上显示gpx数据

Javascript 在谷歌地图API上显示gpx数据,javascript,jquery,google-maps,google-maps-api-3,gpx,Javascript,Jquery,Google Maps,Google Maps Api 3,Gpx,我有个大问题。我想在我的网站上收回我的gpx数据,但我不知道问题出在哪里 Chrome的控制台说: InvalidValueError:位于索引0处的属性路径中:不是LatLng或LatLngLiteral:位于属性lat:不是数字中 google.load('visualization','1',{packages:['columnchart']}); $.ajax({ url:“cartes/map.gpx”, 键入:“获取”, 数据类型:“xml”, 成功:函数(xml){ var lat

我有个大问题。我想在我的网站上收回我的gpx数据,但我不知道问题出在哪里

Chrome的控制台说:

InvalidValueError:位于索引0处的属性路径中:不是LatLng或LatLngLiteral:位于属性lat:不是数字中

google.load('visualization','1',{packages:['columnchart']});
$.ajax({
url:“cartes/map.gpx”,
键入:“获取”,
数据类型:“xml”,
成功:函数(xml){
var lat=新数组();
var lng=新数组();
var coordonnemap=新数组();
var样本=256;
var i=0;
$(xml).find(“trkpt”).each(函数(){
lat[i]=$(this.attr(“lat”);
液化天然气[i]=$(本).attr(“lon”);
i++;
});
var maxPath=数学圆(横向长度/样本);
console.log(maxPath);
var路径=[];
如果(最大路径>1)
{
用于(lat中的var i)
{
if((i%maxPath)==0)path.push({'lat':lat[i],'lng':lng[i]});
}
}
console.log(路径)
var电梯=新的google.maps.ElevationService;
电梯。GetElevationOngPath({
“路径”:路径,
“样本”:样本
},标绘高程);
}
});
功能图高程(高程、状态){
var chartDiv=document.getElementById('elevation_chart');
if(status!==google.maps.ElevationStatus.OK){
//在chartDiv中显示错误代码。
chartDiv.innerHTML='无法显示提升:请求失败,因为'+
地位
返回;
}
//在立面图分区中创建新图表。
var chart=新的google.visualization.ColumnChart(chartDiv);
//提取用于填充图表的数据。
//因为样本是等距的,“样本”
//这里的柱起到了沿直线距离的双重作用
//X轴。
var data=new google.visualization.DataTable();
data.addColumn('string','Sample');
data.addColumn('编号','标高');
对于(变量i=0;i
使您的
lat
/
lng
数值为:

$(xml).find("trkpt").each(function(){
    lat[i] = parseFloat($(this).attr("lat"));
    lng[i] = parseFloat($(this).attr("lon"));
    i++;
});
或:


使您的
lat
/
lng
数值为:

$(xml).find("trkpt").each(function(){
    lat[i] = parseFloat($(this).attr("lat"));
    lng[i] = parseFloat($(this).attr("lon"));
    i++;
});
或:


你的GPX数据是什么样子的?请提供一个例子来说明这个问题。你的GPX数据是什么样子的?请提供一份说明问题的报告。
if(( i %maxPath ) == 0) path.push({'lat':parseFloat(lat[i]),'lng':parseFloat(lng[i])});