cloud9-ide 不显示传单地图答案

【问题标题】：cloud9-ide don't show leaflet mapscloud9-ide 不显示传单地图
【发布时间】：2015-11-24 01:32:58
【问题描述】：

我在一个使用 HTML5 的项目中工作，在我的桌面上一切正常，但是当我使用 Leaflet 在 C9 上部署时，不显示地图。

网页其他部分都还好，只是地图不显示

【问题讨论】：

你检查过浏览器的开发者控制台吗？如果那里有错误，他们可以告诉您问题所在。如果之后需要帮助，请在问题中粘贴屏幕截图。
不要在控制台发送错误，到leaflet的外部连接是问题cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
如果加载这些文件有任何问题，应该是浏览器控制台出错了。另外，您可以尝试在网址前添加 // 前缀吗？所以，"//cdnjs..." 并且 URL 后面不应该有 ;
不工作，我和code.jquery.....，cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js 一起工作。相同的结果。当我在 bluehost 时一切正常
网址是laguna-ujat.c9users.io/index50.html

【解决方案1】：

查看上面链接中提供的链接。当站点通过 HTTPS 提供服务时，您尝试访问的库是通过 HTTP 硬编码的。由于 Cloud9 同时支持 HTTP 和 HTTPS，您可以使用https://laguna-ujat.c9users.io/index50.html 或http://laguna-ujat.c9users.io/index50.html。如果您使用 HTTP://... 访问该站点，您将看到地图已加载。浏览器不允许访问 HTTPS 站点中的 HTTP 资源，它们会阻止资源加载。

从 CDN 导入 url 而不会遇到此问题的方法是通过无协议 url。所以如下：

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />

变成

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />

我希望这会有所帮助。

【讨论】：