サイト上の小さな地図にリーフレット/OSM を使用しています。サイト自体は HTTPS 経由でアクセスできますが、リーフレット ライブラリは (私の知る限り) HTTP 接続経由でのみ取得できます。現在、Chrome にはライブラリが含まれておらず、コンソールに次のメッセージが表示されます。
[blocked] The page at https://example.com/foo/bar ran insecure content from http://cdn.leafletjs.com/leaflet-0.5/leaflet.css_
どうすればこれを回避できますか？
リーフレットのホストされたバージョンを使用する代わりに、必要な javascript と css ファイルを自分で提供できます: http://leafletjs.com/download.htmlで最新バージョンのリーフレットを取得し、ディレクトリ "dist" をプロジェクト ディレクトリにコピーします。 . その後、リンクを「http://cdn.leafletjs.com/leaflet-0.5/ 」から「 ./dist/」に変更できます。
参照から「http:」を削除します。「//cdn.leafletjs.com/leaflet-0.5/leaflet.css」を試してください。現在のページのプロトコルを使用してリクエストを送信します。
タイルは HTTP 経由で CDN にダウンロードされるため、js/css を SSL に配置してもほとんど役に立ちません。