使用不透明度滑块链接基底图层更改



我正在构建一个网站来显示历史地图,使用基础图层在OSM/Google/Bing地图上显示单个图块层。使用 Control.Layers 从单选按钮列表中选择的切片图层。我想使用 Control.Opacity 插件来调整基础图层的透明度,但我正在努力将不透明度控件链接到不断变化的基础图层,并且还需要过滤掉对背景地图的任何更改。

有什么建议吗?

经过一番挠头,我设法找到了解决方案。

我使用 baselayerchange 事件来捕获更改,然后根据名称过滤图层(我在图层名称前面加上"Map")。然后,我将对象的图层引用发送到不透明度幻灯片。

map.on('baselayerchange', function(e){ if (e.name.slice(0,3)=="Map") {opacitySlider.setOpacityLayer(e.layer)}});

还有一条反馈:当尝试从远程服务器引用 kml 文件时,我在 Chrome 中收到"访问控制-允许-原产地"错误消息。我通过安装扩展 https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-app-launcher-info-dialog 克服了这一点

我希望这可以帮助其他人解决这个问题:)

最新更新