Leaflet.js плитки над HTTPS

Question

Я пытаюсь запустить leaflet.js с сервером с SSL, но получаю сообщение об ошибке для файла принести подобное следующему:

GET https://tile.openstreetmap.org/12/1213/1481.png net::ERR_INSECURE_RESPONSE 

Существует closed issue на Github, что якобы удалось решить, изменив запрос от

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { 
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 
}).addTo(map); 

в

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'  
}).addTo(map); 

Однако, даже если я пытаюсь п avigating to link https://tile.openstreetmap.org/12/1213/1481.png Я получаю сообщение об ошибке «NET :: ERR_CERT_COMMON_NAME_INVALID».

Кто-нибудь нашел решение этой проблемы?

Спасибо!

Answer 1

Try звено в этой форме https://a.tile.openstreetmap.org/{z}/{x}/{y}.png, F1LT3R упомянул об этом здесь: https://github.com/Leaflet/Leaflet/issues/3186