Używam ulotki/OSM dla małej mapy na stronie. Sama strona jest dostępna przez HTTPS, a biblioteka ulotek może (afaik) być pobierana tylko przez połączenie HTTP. Teraz Chrome nie zawiera bibliotekę i daje mi się następujący komunikat w konsoli:Biblioteka CDN zablokowana w Chrome
[blocked] The page at https://example.com/foo/bar ran insecure content from http://cdn.leafletjs.com/leaflet-0.5/leaflet.css_
Jakiś pomysł jak mogę to obejść?
http://cdnjs.com/libraries/leaflet/ ma dla pacjenta. Mają też wersję HTTPS.
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js
Użyj powyższych adresów URL w swoim kodzie. Ten sam protokół, który został użyty do załadowania bieżącej strony, będzie również wykorzystywany do pobierania zasobów z ulotek.
Zamiast korzystać z hostowanej wersji ulotki, możesz sam zapewnić niezbędne pliki javascript i css: Po prostu pobierz najnowszą wersję ulotki pod numerem http://leafletjs.com/download.html i skopiuj katalog "dist" do katalogu projektu. Następnie możesz zmienić linki z "http://cdn.leafletjs.com/leaflet-0.5/" na "./dist/".
Usuń "http:" ze swojego źródła. spróbuj "//cdn.leafletjs.com/leaflet-0.5/leaflet.css". Wykorzysta protokół bieżącej strony do wysłania żądania.
Nie działa. Leaflet! = Google. – kaiser
Wygląda na ulotkę nie ma prawidłowego certyfikatu SSL. Możesz spróbować pobrać css do swojej strony. i dodaj do niego odniesienie do https. Po prostu na razie Chrome blokuje pobieranie zasobów HTTP z witryny https. http://blog.chromium.org/2012/08/ending-mixed-scripting-vulnerabilities.html –
Tak, właśnie to w końcu znalazłem - zobacz odpowiedź od @tyr. – kaiser
Płytki są pobierane na CDN poprzez HTTP, tak niewiele jest pomoc we wprowadzaniu js/css w SSL
To nie zadziała, jeśli korzystasz z Ulotki z bezpiecznej witryny internetowej, ponieważ spróbujesz pobrać ją za pomocą protokołu HTTPS i wygląda na to, że CDN Leaflet nie jest skonfigurowany do obsługi żądań HTTPS. –