Custom Layer/Overlay Switcher

[Chad5]

I’m trying to write a custom overlay/layer switcher and I’m stuck on getting the layers to turn on/off. What do I need to add to my checkbox tag to get the layers to turn off/on. Either I need the scripting code to place as a onchanged event or i need it to mirror the original layerswitcher that the map generates.

@foreach (Overlay L in Model.CustomOverlays)
{
if (L.IsVisibleInOverlaySwitcher)
{
if (L.Name == “NG911”)
{

@L.Id

                        }
                    }
                }

[Ethan]

Hi Chad,

So what’s the requirement to make you write a custom switcher here?

If that’s because the style, I think you can directly modify that in client side.

I found three topics talk about modify our default switcher, do you think they are helpful?

Creating Custom Overlay Switchers

We would like to create some panels like your Overlay Switcher that will close to the small icon that when when you click will open in to a panel. We have the ability to do this in JQuery but we would like for our new panels to match the style of the existing Map Suite Overlay Switcher. Is there an way to implement new Overlay Switcher panels like this and if so how can we write our own? In addition we would like to be able to control where the small icon displays as well as where the panel …

Need to switch baseOverlay but without the default overlayswitcher

 Hi, I need to add the possibility to switch base overlay but not with the default overlay switcher then my question is should I the javascript to perform this operation on the client side?   thanks a lot.   jm  

OverlaySwitcher scroll bar

I’ve noticed that if the overlay switcher map tool has many overlays that they could “fall out” or “cut off” at the bottom if the map height isn’t big enough.  I’ve used temporary fixes for now (i.e. font-size and padding) but I would like it if the overlay switcher had a scroll bar.  I’ve tried including overflow: auto; to the theme/default/site.css file but on the page, the scroll bar shows up but is not activated.  As if it doesn’t know how many overlays are in the switcher.  Any ideas on how…

Regards,

Don

[Chad5]

Don,

Thank you for the search results, however neither of these help me out. Perhaps I wasn’t clear enough. The default LayerSwitcher is ugly and doesn’t handle many layers too well. So I have written my own switcher that is able to collapse or group layers into common themes to condense the many layers we would like to show.

Obviously with the default LayerSwitcher, there is a function that is tied to the onchange event for each layer checkbox in the LayerSwitcher…what is that function, so I can call it in my custom switcher? That is all I need to know. A simple Layer.display(true) or something like that. Here is my client side code so you can better see what I am trying to do.

@{ Html.ThinkGeo().Map(Model) .MapUnit(GeographyUnit.Meter) .CustomOverlays(overlays => { overlays.GoogleOverlay("GoogleSatellite").GoogleMapType(GoogleMapType.Satellite).Name("Google - Satellite"); }) .OnClientClick("mapClick") .Render(); }

@foreach (Overlay L in Model.CustomOverlays) { if (L.Name == "NG911") {
• NG911
break; }

        }
            <ul id="ulNG911" class="overlaysListStyle" style="display:none;">
                @foreach (Overlay L in Model.CustomOverlays)
                {
                    if (L.IsVisibleInOverlaySwitcher)
                    {
                        if (L.Name == "NG911")
                        {
                            <li><input id=@L.Id type='checkbox' checked=@L.IsVisible onchange="xxxxxx" />@L.Id</li>
                    
                        }
                    }
                }
            </ul>

[Ethan]

Hi Chad,

I understand your question, you want to know how to display or hide the layer so you can integrate that in your switcher.

Our client side is based on OpenLayers library, the LayerSwitcher is a control from OpenLayers, we just did enhancement based on that. In fact in the first topic I listed Howard mentioned about that, you can show or hide that like this, please view that topic it contains more detail including links:

One is Map.setBaseLayer(layer) which is to switch between base overlays;
While another one is Layer.display(isVisible) which is to set a dynamic overlay’s visibility.

And you can also view our JavaScript code, the LayerSwitcher related code is in the “extension_GeoResource.axd”.

Regards,

Don