Question

我使用ajax从数据库中提取以下json数据。

{"route":[{"latitude":-27.38851,"longitude":153.11606},{"latitude":-27.47577,"longitude":153.01693}]}

我如何迭代它以获得拉/长对在地图上绘图？

Answer 1

将JSON数据分配给变量，并循环遍历route对象，如下所示：

var j = {"route":[{"latitude":-27.38851,"longitude":153.11606},{"latitude":-27.47577,"longitude":153.01693}]}

for(i=0; i<=j.route.length; i++){
  var thisRoute = j.route[i];   
}

Answer 2

试一试：

var j = {"route":[{"latitude":-27.38851,"longitude":153.11606},{"latitude":-27.47577,"longitude":153.01693}]};
for(var i= 0,len=j.route.length; i<len; i++){
  var lat = j.route[i].latitude;
  var long = j.route[i].longitude;
  console.log(lat+' '+long);
}

Answer 3

var o = {"route":[{"latitude":-27.38851,"longitude":153.11606},{"latitude":-27.47577,"longitude":153.01693}]};
var i = 0;
var lat, long;
var len=o.route.length; 
for(i,i<len; i++){
  lat = o.route[i].latitude;
  long = o.route[i].longitude;
  console.log(lat+' '+long);
}

Answer 4

以下是您要实现的目标的全面实施：

JSFIddle with a map

  function createMarker(options) {
        var marker = new google.maps.Marker(options);

        return marker;
    }

    for (i = 0; i < data.route.length; i++) {
        createMarker({
            position: new google.maps.LatLng(data.route[i].latitude, data.route[i].longitude),
            map: map

        });

我将如何迭代这个JSON数据

4 个答案: