javascript - Leaflet.js 通过 HTTPS 平铺

Question

我正在尝试使用带有 SSL 的服务器运行 leaflet.js，但在获取文件时出现类似于以下内容的错误:

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);

但是，即使我尝试导航到链接 https://tile.openstreetmap.org/12/1213/1481.png我收到一条错误消息“NET::ERR_CERT_COMMON_NAME_INVALID”。

有人找到解决办法吗？

谢谢!

Answer 1

尝试以这种形式链接https://a.tile.openstreetmap.org/{z}/{x}/{y}.png，提到F1LT3R关于它:https://github.com/Leaflet/Leaflet/issues/3186