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

时间:2018-01-18 08:16:56

标签: javascript html openlayers-3

我尝试使用复选框切换图层,但是来自" baselayer" to" 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

1 个答案:

答案 0 :(得分:2)

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

  1. 您不包含jquery,但在代码中使用它

  2. source: new ol.source.ToPo不存在。 openlayers是不知道的。也许这只是一个错字。但我已将其更改为ol.source.TileWMS

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

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