LeafletJS:基于边界框加载图块层

时间:2013-08-26 14:06:04

标签: javascript maps gis leaflet

我有一个包含大量图层的LeafletJS地图应用程序。我有几个图层,只有世界上某些地区的图像。因为一切都在世界基础地图上。所有切片缓存都作为标准切片缓存生成,覆盖web Mercator(Google切片缓存系统)中的世界,并使用ArcGIS Server提供。

以下是我想要做的事情:当某个边界框进入活动视图时加载一个图块层,然后在框出局时卸载它。

有没有一种简单的方法可以在LeafletJS中执行此操作而无需通过手动几何检查?

1 个答案:

答案 0 :(得分:2)

以下是我如何解决它。 L.tileLayer接受bounds参数。我通过深入研究代码找到了它,但目前文档中缺少它。这解决了它。

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)
                ]
            })