호스팅 JavaScript를 사용하여 OpenLayers 맵을 사용하고 있습니다.
<script src="http://openlayers.org/api/2.13.1/OpenLayers.js"></script>
그러나 클라이언트에 SSL이 설치되어 있으며 맵 페이지를 실행하려고하면 다음이 표시됩니다.
(2)[blocked] The page at https://domain.com/rwd/ ran insecure content
from http://openlayers.org/api/2.13.1/OpenLayers.js.
그래서 https one을 시도했지만 openlayers에 하나가없는 것으로 나타났습니다.
https://openlayers.org/api/2.13.1/OpenLayers.js
그런 다음 Openstreet js를 다운로드하고 클라이언트 서버에서 호스팅하지만 모든 스타일과 관련 이미지가 손실됩니다. 맵을 표시하지만 콘솔에 기본적으로 수많은 경고 팝업이 표시되어 플레이 스토어 등에서 거부 될 수 있습니다. 서버에서도 실행되는 하이브리드 응용 프로그램을 개발 중입니다.
지금 경고 :
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://b.tile.openstreetmap.org/14/8743/5624.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://b.tile.openstreetmap.org/14/8742/5624.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://c.tile.openstreetmap.org/14/8743/5623.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://b.tile.openstreetmap.org/14/8743/5625.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://c.tile.openstreetmap.org/14/8744/5624.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://a.tile.openstreetmap.org/14/8742/5623.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://c.tile.openstreetmap.org/14/8742/5625.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://a.tile.openstreetmap.org/14/8744/5623.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://a.tile.openstreetmap.org/14/8744/5625.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://a.tile.openstreetmap.org/14/8743/5622.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://c.tile.openstreetmap.org/14/8742/5622.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://c.tile.openstreetmap.org/14/8745/5624.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://b.tile.openstreetmap.org/14/8744/5622.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://b.tile.openstreetmap.org/14/8745/5623.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://c.tile.openstreetmap.org/14/8745/5625.png.
The page at https://domain.com/rwd/#/customer-plot/234 displayed insecure content from http://c.tile.openstreetmap.org/14/8745/5622.png.
GET https://domain.com/rwd/js/lib/theme/default/style.css 404 (Not Found)
/*This the corresponding stylesheet that is loaded via Openstreet.js*/
SSL을 사용하여 cdn으로 시도했지만 여전히 동일한 문제가 있습니다.
https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.11/OpenLayers.js
Openstreet를 위해 전체 GitHub 저장소를 다운로드하면 이미지 및 CSS 문제가 해결됩니다.
https://github.com/openlayers/openlayers
위 의 CSS 문제를 해결 했지만 다른 외부 사이트에서 이미지를로드하여지도가 표시됩니다 tile.openstreet.com
. openstreet js도 파야 할 것 같습니다 .. :( ..
중요 : backbone.js를 사용하고 있습니다.
참고 : OpenLayers 2.12 및 http 기본 인증 문제를 겪었 지만 도움이되지 않았습니다. 서버 구성을 제어 할 수 없습니다. 웹 사이트를 설정 해야하는 폴더에 액세스 할 수 있지만 다른 모든 것이 잘 작동하지만이 SSL은 번거 롭습니다.
Google이 링크하지 않도록 실제 웹 사이트 주소를 변경했습니다.