javascript - Recline.js 教程示例显示为空白。也许与Leaflet IE bug有关？

Question

我正在研究这个使用 Recline.js 从数据集制作 map 的简单示例::http://okfnlabs.org/recline/docs/tutorial-views.html

当我重复这些步骤时，出现白屏死机。

我的代码托管在这里:http://theplaceisnow.aedileworks.com/mappings/recline/TimeToRecline.html

我已经检查了所有依赖项的链接。

Chrome 告诉我 Leaflet.js 中存在错误，并且图 block 无法加载。我还没有发现其他人有同样的错误，但它可能与针对 IE bug 的修正有关(尽管我使用的是 FF 和 Chrome):github.com/ckan/ckan/issues/1202

如有任何见解或建议，我们将不胜感激

================================================== =========

更新:

我尝试切换到 Leaflet 0.4.4，但这并没有改变问题。

有 friend 建议问题可能出在body标签上。我将 body 标签移到了脚本之前，这样 Leaflet 就可以运行。

图 block 仍然无法在浏览器中本地加载，但上传到服务器后， map 会正确加载。

Answer 1

您的代码显示您正在使用传单 0.7.3，而您引用的教程使用传单 0.4.4。

这应该可以解决您的问题。

如果你看recline项目中，您可以看到他们最近添加了对 leaflet 0.7.3 的支持。

他们尚未更新托管在 github 上的网站:https://github.com/okfn/recline/tree/gh-pages