Как сделать LayerSwitcher своими руками?

[Naphtizin]

Здравствуйте. У меня появилась необходимость в OpenLayers вынести LayerSwitcher за пределы карты. То есть убрать его с карты и создать функционал переключения слоев вручную. Вот здесь читал о подобном, но как реализовать так и не понял. Подскажите как сделать задуманное.

[Mavka]

Layer Switcher Example

[Naphtizin]

Этот вариант как я понял предполагает просто вынос стандартного LayerSwitcher за пределы карты. А можно ли сделать свой LayerSwitcher, то есть сделать свои радиобатоны и чекбоксы?

[Mavka]

Готовый LayerSwitcher не подходит, вручную переключать слои тоже. Непонимаю...

[Naphtizin]

Вот именно, что надо вручную. Как я понял нужна функция setBaseLayer(). Пробую выполнить что-то типа такого:

Код: Выделить всё

function layerswitch() {
                        map.setBaseLayer(demolayer2)
};

не выходит.

[Mavka]

И чаво говорит? Не хочу не буду?

[Naphtizin]

Молчит.

[Mavka]

И в firebugs? У меня очень хорошо переключает

[Naphtizin]

Не, не переключает.Привожу код:

Код: Выделить всё

      <script>

        var map;

        function init() {
           map = new OpenLayers.Map('map');
           map.addControl(new OpenLayers.Control.LayerSwitcher());

        var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
            "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );

            var ghyb = new OpenLayers.Layer.Google(
                "Google Hybrid",
                {type: G_HYBRID_MAP, numZoomLevels: 20}
            );

        map.addLayers([wms, ghyb]);
        map.zoomToMaxExtent();
        };

        function layerswitch() {
                                map.setBaseLayer(ghyb)
        };

      </script>

Функцию вызываю кнопкой:

Код: Выделить всё

<input type="button" value="Слой 2" onClick="layerswitch()">

Если не трудно ткните пальцем где накосячил.

[Mavka]

Сделать ghyb глобальной

Код: Выделить всё

var map, ghyb; 

а здесь без var:

Код: Выделить всё

ghyb = new OpenLayers.Layer.Google( 

[Naphtizin]

Спасибо большое, вот уж не думал, что проблема в этом может быть. Вот что значит нехватка знаний javascript'а.

[Naphtizin]

C переключением слоев вроде разобрался, сделал два радиобатона, всё переключается отлично.

Код: Выделить всё

<input type="radio" value="1" checked="checked" onchange="layerswitch1()">Карта<br />
<input type="radio" value="2" onchange="layerswitch2()">Снимок<br />

А вот как быть с оверлеями? Они ведь должны накладываться на активный слой, а не влючаться вместо него. Может для оверлеев нужна какаято другая функция?

[dobeer]

wms.setVisibility(true); //показать
wms.setVisibility(false); //скрыть
Если я правильно понял о чем вы...

[Naphtizin]

А как это применить относительно конкретного слоя?

[dobeer]

wms - имя вашего дополнительного слоя
...например:

<input type="radio" value="1" checked="checked" onchange="ghyb.setVisibility(false);">Отключить<br />
<input type="radio" value="2" checked="checked" onchange="ghyb.setVisibility(true);">Включить<br />