CatAPI - Javascript对象的多个随机图像

时间:2015-10-19 18:54:24

标签: javascript api google-maps infowindow cat

CatAPI是一个API,每次访问它时都会向您发送猫的随机GIF。

The Cat API

它的工作方式应该如此。问题是......我在谷歌地图中使用它。我有许多图标显示在屏幕上,当您加载图标时,它会将事件属性(“名称,等等”)加载到信息窗口中。我还给它一个Cat属性,这是一个随机GIF的链接(你可能已经看到了这个位置)

对于每个InfoWindow,随机cat gif最终都是相同的gif(即使数据每个都在变化)。

[编辑]我应该澄清,正在改变的“数据”是城市名称,位置......而不是Cat gif的网址

如何解析此随机网址http://thecatapi.com/api/images/get?format=src&type=gif以等同特定图片并将其应用于我的图标“cat”属性。

Javascript对象获取cat属性

if (results.list.length > 0) {
      resetData();
      for (var i = 0; i < results.list.length; i++) {
        results.list[i].imacat = "http://thecatapi.com/api/images/get?format=src&type=gif"
        geoJSON.features.push(jsonToGeoJson(results.list[i]));
      }
      drawIcons(geoJSON);
}

1 个答案:

答案 0 :(得分:0)

嗯......事实证明,我的头脑比以往任何时候都更难......让这成为每个人的教训。

在网址末尾简单创建一个时间戳变量允许我创建一个原始请求,catapi可以将其丢弃。

实施例:

var ts = new Date().getTime();
results.list[i].imacat = "http://thecatapi.com/api/images/get?format=src&type=gif&timestamp="+ts;

这会在最后创建一些随机的东西,我会得到一堆带有独特猫咪GIF的对象!