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