关于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
})
相关推荐
一个有理想的摸鱼选手16 小时前
CesiumLite-开箱即用的轻量化三维地图包(持续更新中...)
gis·cesium
小艳加油14 天前
生态环评GIS/遥感制图:土地利用+植被覆盖+土壤侵蚀+水系提取,ArcGIS+ENVI实战
gis·遥感解译·环境影响评价
疯狂学习GIS19 天前
ArcGIS工具操作报错999999的通用处理方式
arcgis·gis·rs·学术工作效率·遥感数据
小艳加油23 天前
GIS应用攻略:全面涵盖GIS基础、ArcGIS操作、数据制备、空间分析、地图制作、三维建模与多领域实战应用,助力科研与行业实践!
arcgis·gis·空间分析·数据制备
阿怼丶25 天前
🚀 如何在内网中运行 Cesium?基于 NestJS 构建离线地形与影像服务
前端·gis
疯狂学习GIS1 个月前
数据分析必备:GPS轨迹、软件签到、手机信令数据获取方式合集
gis·学术工作效率·gis数据
Dorian_Ov01 个月前
ArcGIS/geosceneAPI学习01
gis
山人在山上1 个月前
达梦 空间数据库扩展记录
gis·达梦数据库
WangYan20221 个月前
深度解析地质灾害风险普查:RS与GIS技术在泥石流、滑坡灾害中的应用,ArcGIS数据管理、空间数据转换、专题地图制作、DEM分析及实战案例分析
gis·遥感·滑坡·泥石流