在 javascript 数据集上循环

Question

我真的不知道如何确切地用谷歌搜索这个问题，所以我想我可以在这里问。

我想画一条从给定经度、纬度到目的地的弧线。我已经在变量中准备好了它们。但我不知道如何在提供的插件上设置循环。这是我使用的示例插件页面：http://jsbin.com/nutawiboci/1/edit?html,output

下面的图片是我尝试通过插件循环遍历我的数据。输出仅绘制一个弧（假设仅最后一个[来自循环]）。

http://i.stack.imgur.com/WTbu7.jpg

感谢您抽出宝贵时间...！

Answer 1

你的 map.arc()，当你循环时它总是破坏最后一个 map.arc()，然后你就得到最后一个。

结构一定是这样的

map.arc([
   {
    origin: {
        latitude: 40.639722,
        longitude: 73.778889
    },
    destination: {
        latitude: 37.618889,
        longitude: -122.375
    }
  },
  {
      origin: {
          latitude: 30.194444,
          longitude: -97.67
      },
      destination: {
          latitude: 25.793333,
          longitude: -0.290556
      }
  }
  ], {strokeWidth: 2});

在你的代码中是这样的

map.arc([
   {
    origin: {
        latitude: 40.639722,
        longitude: 73.778889
    },
    destination: {
        latitude: 37.618889,
        longitude: -122.375
    }
  },
  {
      origin: {
          latitude: 30.194444,
          longitude: -97.67
      },
      destination: {
          latitude: 25.793333,
          longitude: -0.290556
      }
  }
  ], {strokeWidth: 2});map.arc([
   {
    origin: {
        latitude: 40.639722,
        longitude: 73.778889
    },
    destination: {
        latitude: 37.618889,
        longitude: -122.375
    }
  },
  {
      origin: {
          latitude: 30.194444,
          longitude: -97.67
      },
      destination: {
          latitude: 25.793333,
          longitude: -0.290556
      }
  }
  ], {strokeWidth: 2});