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

Question

The CatAPI 是一个 API，它会在您每次访问它时随机向您发送一只猫的 GIF。

它按预期工作。问题是....我在 Google 地图中使用它。我有很多图标显示在屏幕上，当您加载图标时，它会将事件属性 ("Name, blah etc") 加载到信息 window 中。我还给了它一个 Cat 属性，它是随机 GIF 的 link（您可能已经看到它的指向）

随机猫 gif 最终对于每个信息窗口都是相同的 gif（即使每个信息窗口的数据都在变化）。

[编辑] 我应该澄清一下，正在更改的 "data" 是城市名称、位置...而不是 Cat gifurl

如何将这个随机 url http://thecatapi.com/api/images/get?format=src&type=gif 解析为特定图像并将其应用于我的图标 "cat" 属性。

Javascript 获取猫属性的对象

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);
}

Answer 1

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

在 url 末尾创建一个时间戳变量很简单，这让我可以创建一个原始请求，catapi 可以将其转储掉。

示例：

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

这会在最后创建一些随机的东西，我会得到一堆带有独特猫 gif 的对象！

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

The CatAPI - Multiple Random Images for Javascript Object

javascript

api

google-maps

cat

infowindow