leaflet+Openstreetmap地图无法显示

文章讲述了博主遇到OSM地图加载问题,原因是国内网络无法访问官方提供的a.tile.openstreetmap.org域名。作者推荐了几个可用的备用地址,如tile.openstreetmap.fr/hot,以确保地图在国内正常显示,鼓励读者分享更多可用地址。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:

很多博主用的OSM地图地址都是:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"

在其他代码检查都没问题的情况下

这个地址就是加载不出OSM地图,会报错

 原因:

在网页中查看 网络情况后发现,和其他的地图加载方式一样,OSM也是使用了地图分块图层的方式加载的,每个区块都是单独在域名下 a.tile.openstreetmap.org 去获取的。而这个域名在国内网络是无法访问的,导致获取失败,显示空白。

参考文章:

解决国内 OpenStreetMap 地图无法显示的问题 - XHX Blog (xiaohaoxing.github.io)

解决:

定位到是域名的问题,OpenStreetMap 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值