我正在将传单/ OSM用于网站上的小地图。站点本身可通过HTTPS访问,而传单库(afaik)只能通过HTTP连接检索。现在,Chrome不包含该库,并在控制台中显示以下消息:
[blocked] The page at https://example.com/foo/bar ran insecure content from http://cdn.leafletjs.com/leaflet-0.5/leaflet.css_
知道如何解决这个问题吗?
答案 0 :(得分:14)
http://cdnjs.com/libraries/leaflet/有Leaflet。他们也有HTTPS版本。
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js
在代码中使用上述网址。用于加载当前页面的相同协议也将用于获取Leaflet资产。
答案 1 :(得分:10)
您可以自己提供必要的javascript和css文件,而不是使用托管版本的传单:只需在http://leafletjs.com/download.html抓取最新版本的传单,然后将目录“dist”复制到项目目录中。之后,您可以将链接从“http://cdn.leafletjs.com/leaflet-0.5/ ”更改为“./dist / ”。
答案 2 :(得分:1)
从您的参考中删除“http:”。试试“//cdn.leafletjs.com/leaflet-0.5/leaflet.css”。它将使用当前页面的协议发送请求。
答案 3 :(得分:0)
通过HTTP在CDN上下载Tiles,因此将js / css放入SSL中几乎没有帮助