ThinkGeo.com    |     Documentation    |     Premium Support

Custom OverlaySwitcher

#1

how can create a custom OverlaySwitcher i need add images and subcategories, there is the image example



#2

Hi Omar, 
  
 Seems the attached image is missing. would you please attached it again and provide us more details on what your custom overSwitcher looks like? 
  
 Thanks, 
 Troy

#3

i add the imge sample 

#4

Hi Omar,



Thanks for the update.

I think this is possible but would be a bit complex. Firstly, let’s have a look what the overlay switcher looks likes:



1. In chrome, right click on the layerSwitcher Control div to check its elements:









 From the above, let’s skip baseoverlay, we can see each layer is mapping a pair of an input and label element. For more details on how the above codes generate, we can refer to Openlayer’s source code at line 303 in Redraw method: 

github.com/openlayers/openl…witcher.js



2. Then Let’s override this control in its Redraw method. Some codes like the below:



<script type=<code style=“color: blue;”>“text/javascript”<code style=“color: #000000;”>>
    OnMapCreating = function (map) {
        OpenLayers.Control.LayerSwitcher.prototype.redraw(){
            …
        };
    }
</script>

If any questions, please feel free to let us know.

Thanks,

Troy

030_Untitled.png (56.7 KB)
#5

its the only way?, its possible change the control for asp gridview or other control? dont have an example?



thanks

#6

Hi Omar, 
  
 I am afraid to say this is the only way to custom it and we don’t have such a sample either. Map Suite Web Edition is using the OpenLayers js as its base library to render the map in client and including most of the controls like scalebar, overmap, layerswitcher etc.  
 If any questions, please feel free to let us know. 
  
 Thanks, 
 Troy