传单JS:基于边界框加载平铺层

LeafletJS: Load Tile Layer based on bounding box

本文关键字:加载 边界 JS 于边界 传单      更新时间:2023-09-26

我有一个有很多层的LeafletJS地图应用程序。我有几层只有世界上某些地区的图像。因为一切都在世界地图上。所有瓦片缓存都是在web Mercator(谷歌瓦片缓存系统)中作为覆盖世界的标准瓦片缓存生成的,并使用ArcGIS服务器提供服务。

以下是我想做的:当某个边界框进入活动视图时加载平铺层,然后在框退出时卸载它。

有没有一种简单的方法可以在传单JS中做到这一点,而无需手动进行几何检查?

以下是我解决它的方法。L.tileLayer确实接受边界参数。我通过深入研究代码找到了它,但目前文档中没有它。这修复了它。

L.tileLayer(config.ISLAND_IMAGERY + '/tile/{z}/{y}/{x}', {
                zIndex: -4,
                subdomains: ['', '1', '2'],
                bounds:[
                    new L.LatLng(15.292019,145.834236),
                    new L.LatLng(15.097866,145.676994)
                ]
            })