All about Base Maps

TIP: We recommend assigning them a recognizable name so they are easier to recognise when using the base map switcher in WebMap.

Assign an image to a Base Layer

To include an image next to the base layers drop-down menu, edit the user.css file (usually found in Cadcorp SIS WebMap installation folders: (C:\inetpub\wwwroot\SISWebMap9\css).

This section in user.css associates an image with the base map.

Your WebMap comes pre-installed with images for three base maps: Colour, Aerial and OS_Open_Data_Colour.

.Colour
{
    background-image: url(../img/miniscale.png) !important;
}
.Aerial
{
    background-image: url(../img/Aerialphotography.png) !important;
}
.OS_Open_Data__Colour
{
    background-image: url(../img/miniscale.png) !important;
}

To add an image for another base layer, first add it to the img folder (inside Cadcorp SIS WebMap installation folders)

Now add the layer name and connection to the desired image to the user.css as above:

.LayerName
{
    background-image: url(../img/ImageName.png) !important;
}

For example the following code will add an image next to the Bing –Aerial With Labels layer:

.Bing__Aerial_With_Labels
{
    background-image: url(../img/Aerialphotography.png) !important;
}

Note: If you have any spaces in your base layer name, these need to be represented in the css with an underscore _. To use space dash (as in the examples above) use a double underscore __.

---