我正在学习OpenLayers 3，在尝试使用 JS Bin 在线编辑器将底图拉入浏览器时遇到了问题。
如果我在本地文本编辑器 (Notepad++) 中编写完全相同的代码，一切都会正常运行。但不是当我使用 JS Bin 时。
这是代码的链接：
https://jsbin.com/wijoha/edit?html,css,控制台,输出
你能帮我弄清楚它有什么问题吗？我已经花了几个小时试图解决这个问题，但无法解决这个问题......
问问题
197 次
1 回答
0
查看您添加的 JSBin 上的控制台（浏览器窗口的控制台，而不是 JSBin 的控制台），当您尝试将 HTTP 资源放入 HTTPS 页面时，没有加载 CSS。错误消息如下：
混合内容：“ https://null.jsbin.com/runner ”页面通过 HTTPS 加载，但请求了不安全的样式表“ http://openlayers.org/en/v3.10.1/css/ol.css ” . 此请求已被阻止；内容必须通过 HTTPS 提供。
此外，您的 JS 文件ol.js根本没有加载，因为 openlayers.org 似乎不接受通过 HTTPS 提供文件（至少对我来说，在 Chrome 中）。
相反，尝试通过 HTTP 服务所有内容（包括 JSBin 本身的 URL），这是一个工作示例：
于 2015-10-23T09:25:34.517 回答