leaflet移动端,地图放大到一定层级出现空白解决

文章讲述了在使用uniapp和Leaflet加载天地图时,遇到地图在放大到一定层级后显示空白的问题,原因是Leaflet地图的默认最大层级导致。解决方法是调整`maxZoom`参数,如将官方文档中的最大层级从22降低到18,避免请求超过范围的瓦片。
摘要由CSDN通过智能技术生成

记录解决办法:

在uniapp用leaflet加载了天地图,地图放大到一定层级后,地图就显示空白了。原因是leaflet地图放大层级超出,将不再请求地图瓦片。

解决:

官方文档:

 

代码:

var shi = new L.tileLayer(
	"http://t0.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=你的key",
	{
		zoomControl: true,
		attributionControl: false,
		minZoom: 0, 
        minNativeZoom: 7, 
        maxZoom: 22, 
        maxNativeZoom: 18
    }
);

 以上设置则是层级最高放大到22,也不会显示空白瓦片。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值