关于leaflet maxNativeZoom不生效的问题

有这样一种场景,比如我们项目中用到天地图的服务,天地图可获取到的最高层级是18级,而我们地图希望可以缩放到20级,这样在地图应用中,地图缩放到19到20级的时候,地图会显示空白。

我们希望19到20级的时候,地图仍然显示18级的影像,看官方API,tileLayer构造函数有这样的属性maxNativeZoom ,恰好能满足我们的问题;

当我们使用这样的代码,却发现依然不能生效:

javascript 复制代码
let map = $L.map('map', {
   maxZoom:22,
})
$L.tileLayer(layerItem.url,{
   maxNativeZoom:18,
})

想要让代码生效,需要同时设置tileLayer的maxNativeZoommaxZoom属性,否则tileLayer的maxzoom会被设置默认的18。

像这样,代码就可以正常运行了:

javascript 复制代码
let map = $L.map('map', {
   maxZoom:22,
})
$L.tileLayer(layerItem.url,{
   maxNativeZoom:18,
   maxZoom: 22
})
相关推荐
GISBox2 天前
GISBox如何让GeoTIFF突破Imagery Provider加载限制?
react.js·json·gis
Dorian_Ov04 天前
GeoServer添加要素图层的SLD样式文件以及中文乱码相关解决方案
前端·gis
GIS学姐嘉欣5 天前
【智慧城市】2025年中国地质大学(武汉)暑期实训优秀作品(5):智慧矿产
学习·gis·智慧城市·webgis
GIS学姐嘉欣5 天前
【智慧城市】2025年中国地质大学(武汉)暑期实训优秀作品(6):武汉视界
gis·智慧城市·webgis
AndrewHZ6 天前
【图像处理基石】GIS图像处理入门:4个核心算法与Python实现(附完整代码)
图像处理·python·算法·计算机视觉·gis·cv·地理信息系统
GIS开发特训营7 天前
【智慧城市】2025年中国地质大学(武汉)暑期实训优秀作品(6):武汉视界
gis·智慧城市·gis开发·webgis
WebGIS开发15 天前
新中地三维GIS开发智慧城市效果和应用场景
前端·人工智能·gis·智慧城市·webgis
GIS小小研究僧17 天前
银河麒麟设置右键新建Ofiice文件
华为·电脑·gis
hhzz18 天前
GDAL 的内置矢量工具集ogr的详解使用
python·gis·gdal
hhzz20 天前
Pythoner 的Flask项目实践-绘制点/线/面并分类型保存为shpfile功能(Mapboxgl底图)
python·flask·gis·mapboxgl