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



我正在尝试使用复选框切换图层,但是从"基础层"切换到"拓扑"不起作用。请帮忙:

<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>

还提供小提琴。

由于各种原因,您的小提琴不起作用。

  1. 你不包括jquery,但你可以在代码中使用它

  2. source: new ol.source.ToPo不存在。对于开放层来说是未知的。也许这只是一个错字。但是我已将其更改为ol.source.TileWMS.

这是你的小提琴重建。加载图像需要一些时间,但这与您的服务器有关。

还要考虑升级到最新的 ol3 版本。 3.7.0 太旧了!

最新更新