Question

Firefox 24.0和最近的Chrome似乎都拒绝加载我的传单地图......但是低和低 - 它在我的Iphone上加载Safari（没用，但很有趣）。

这是我第一次尝试Leaflet和Bootstrap ...然后当我从localhost调用它时，.container工作无法预测...我没有遇到任何问题，直到我尝试将其加载到网页上...

我很好奇为什么会这样，我以前没见过这样的东西......

谢谢！

网站：Link to Leaflet Map

可能有任何想法吗？

Answer 1

好的问题可能与cdn和安全性有关。当我在Chrome中打开您的示例网站时，它会向我发出警告，说明正在从未经授权的来源加载脚本。

由于FF23这些脚本也直接在浏览器中被阻止，因此您会收到错误消息：

Blocked loading mixed active content "http://code.jquery.com/jquery-1.10.1.min.js"

当我允许在chrome中加载未经授权的脚本时，（地址栏中有一个小盾牌图标）它没有问题！

因此，尝试在本地提供这些脚本，它可能与谷歌驱动器有关，因为javascript威胁，它更具限制性。

我希望它有所帮助，如果您认为这是解决方案，请将其标记为答案。

由于

Answer 2

你在jquery之前加载leaflet.js，我在页面上得到9个js错误。

其中一人说：

ReferenceError：未定义jQuery

传单是否依赖于jquery？然后你应该先加载它......

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>    
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

传单地图 - 有时它显示，有时它没有，任何想法为什么？

2 个答案: