2012-02-15 39 views
1

下午好,即时通讯尝试从数组中传递2个独立多段线的坐标,到目前为止数组已从JSON文件中保存的坐标中填充,它只是我似乎不能使用该数组实际填充多段线坐标,它不会显示在地图上 - 在控制台中没有发现错误。goMap jquery插件。使用JSON文件中的坐标创建多段线

新来这里,所以请温柔,昨晚是一个非常深夜试图让事情工作。即时通讯使用最新版本的goMap jQuery插件,我开始接近插件的限制,但知道我缺乏技能,这是在黑暗中刺伤?

任何指导极大的赞赏。谢谢。

PS我打算在JSON文件,颜色,标识等每个折线使用其他属性,但首先我需要让过去这个阶段:)

相关JSON文件内容如下:

"lines" : 
[ 
    {"id":2011, "colour":"#00CC00", "weight":4, "opacity": 0.5, "coords":[ { "lat": 51.94036, "lng": 4.12734 },{ "lat": 54.05466, "lng": 13.78057 },{ "lat": 54.13938, "lng": 13.76870 },{ "lat": 52.40433, "lng": 13.18649 },{ "lat": 51.53493, "lng": 10.75077 },{"lat": 51.25631, "lng": 7.15687 },{ "lat": 50.45001, "lng": 5.95817 },{ "lat": 51.94036, "lng": 4.12734}] 
    }, 
    {"id":2010, "colour":"#3399FF", "weight":4, "opacity": 0.5, "coords":[ { "lat": 51.33761, "lng": 3.18406 },{ "lat": 50.82675, "lng": 2.18220 },{ "lat": 50.70592, "lng": 2.24091 },{ "lat": 51.18277, "lng": 3.20565 },{ "lat": 50.64371, "lng": 5.55140 },{ "lat": 50.45001, "lng": 5.95817 },{ "lat": 50.33386, "lng": 6.94722 },{ "lat": 50.31374, "lng": 6.96073 },{ "lat": 45.76458, "lng": 9.05604 },{ "lat": 45.55665, "lng": 9.05278 },{ "lat": 47.75976, "lng": 7.32900 },{ "lat": 48.65055, "lng": 6.14543 },{ "lat": 51.33761, "lng": 3.18406 }] 
    } 
] 

脚本的相关方面:

$.get('positions.json', function (data) { 

      for (var i = 0, l = data.lines.length; i < l; i++) { 
       var mypath = new Array(); 
       for (var j = 0, k = data.lines[i].coords.length; j < k; j++) { 
        var coords = data.lines[i].coords[j]; 
        mypath.push(coords.lat, coords.lng); 
       } 

       $.goMap.createPolyline({ 
        color: "#00CC00", opacity: 0.5, weight: 4, coords: mypath 
       }); 

      } 
     }, 'json'); 

回答

0

那是你的整个JSON文件?如果是这样,你可能需要用“{”开始文件并用“}”结束,以表明它是一个JavaScript对象。

for (var j = 0, k = data.lines[i].coords.length; j < k; j++) { 
        var coords = data.lines[i].coords[j]; 
        mypath.push(coords.lat, coords.lng); 
       } 

coords在每次迭代将{纬度:XX,经度:YY},这是什么createPolyline期望的阵列。改变内部循环到下面应该工作,但我没有测试过。

for (var j = 0, k = data.lines[i].coords.length; j < k; j++) { 
    mypath.push(data.lines[i].coords[j]); 
} 
+0

奇妙的是,我改变了json文件,所以coords被保存为经度,纬度和经度。谢谢! – user1211351 2012-02-16 14:56:20