如何在 Openlayers 3 中使用复选框切换图层

Question

我正在尝试使用复选框切换图层，但是从 "baselayer" 到 "topo" 的切换不起作用。请帮助：

<body>
    <div id="mapa"></div>
    <nav id="layers">
        <ul>
            <li><input type="radio" name="layer" value="baseLayer" checked>ORTO</li>
            <li><input type="radio" name="layer" value="topo"> TOPO</li>
            <li><input type="radio" name="layer" value="untiled"> Warstwa</li>
        </ul>
    </nav>
</body>

还有一个Fiddle。

Answer 1

您的 fiddle 由于各种原因将无法使用。

您没有包含 jquery 但您在代码中使用了它
source: new ol.source.ToPo 不存在。 openlayers 是未知的。也许这只是一个错字。不过我改成ol.source.TileWMS.

这是您的 fiddle 重构。加载图像需要一些时间，但这与您的服务器有关。

也考虑升级到最新的ol3版本。 3.7.0 太旧了！

如何在 Openlayers 3 中使用复选框切换图层

How to switch layers using checkbox in Openlayers 3

html

javascript

openlayers-3