Widget Tricks - ods-map: CSS Hacks

Default view for maps with several layers

Minimized layers control and map controls on the left

In this example, the top right element, that displays the list of available layers is minimized with no background and a reduced size. The map controlers originally on the top right are also now on the left.

Custom legend - simple

In this example, the legend is the same than the default one, but slightly modified. It’s a manual operation of copying HTML code of the legend and cleaning and pasting it in the page.

Custom legend - simple inlined

Same HTML structure, but with custom CSS to display in line.

Custom legend - Custom layer selector

A custom version of a bit everything, it controls layers and legends.