关于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
})
相关推荐
GIS之家5 天前
vue3+arcgisAPI4示例:绘图工具动态修改样式导出GeoJSON(附源码下载)
arcgis·gis·webgis
GISBox7 天前
GISBox矢量服务使用指南:从数据导入到服务发布
react.js·json·gis
充气大锤8 天前
基于高德地图实现后端传来两点坐标计算两点距离并显示
前端·javascript·html·gis·高德地图
GIS小小研究僧13 天前
同一个栅格数据,为何在QGIS和ArcGIS Pro中打开后显示的数值范围不同?
arcgis·gis·qgis·rs
GISBox14 天前
GIS新手入门首选!GISBox中文界面+一键安装,零依赖轻松搞定三维数据发布
vue.js·json·gis
GISBox17 天前
GISBox支持WMS协议的技术突破
vue.js·json·gis
GIS学姐嘉欣18 天前
【智慧城市】2025年中国地质大学(武汉)暑期实训优秀作品(1):智绘旅程构建文旅新基建
gis·智慧城市·webgis
青山Coding20 天前
Cesium应用(三):全球气压可视化与气象时序图实现方案
前端·gis·cesium
圆周率的后六位22 天前
GIS相关调研
arcgis·gis·supermap·gisbox·gis组件
青山Coding1 个月前
Cesium应用(二):基于heatmap.js 的全球气象可视化实现方案
前端·gis·cesium