Articles in this section

Layer Styling

  • Updated
Follow

Layer Styling

Maps are helpful because they allow you gain a deeper understanding of your data by allowing you to visualize it in many different ways. So you can tell different stories depending on how the data is presented. For any given data or layer, you should explore different styling options and choose the best style for that.

In GeoNode each layer has a Default Style which is determined by the nature of the data you’re mapping. When uploading a new layer (see Layers Uploading) a new default style will be associated to it.

In the following paragraphs you will learn how to create a new style starting from given templates, how to edit a style, how to upload styles from file and how to manage them.

Creating new Styles

In order to create a new style, open the Layer Page (see Layer Information) and click on Editing Tools. Then click the Edit button in the Styles section of the Edit Layer panel (see the picture below).

mceclip0.png

Edit Styles button

The layer will open in a new Map. The Styles Panel will show you all the available styles for the layer and some useful tools.

mceclip1.png

The Styles Panel in the Map

Now follow the steps below:

  1. Click the  button. The Style Templates Panel will open.

mceclip2.png

Create new Styles

  1. Choose a Style Template from the list (both CSS and SLD styles are available).

mceclip3.png

Style Templates

  1. Click the mceclip5.png button to add the selected Style Template to the styles list.

mceclip4.png

  1. Insert a Title and an Abstract (optional), then click on Save.

mceclip6.png

Title and Abstract for new Styles

The style you have created is now added to the Styles List.

mceclip7.png

New Styles into the list

You will also see this new style in the Layer Page.

mceclip8.png

The Layer Page with the new Style

Now you can switch the style by clicking on the corresponding checkbox.

In the next paragraph we will explain how to change the style using the powerful Style Editor.

Editing the Layer Style

The following steps show you how to edit styles:

  1. From inside the map open the TOC (Table Of Content) by clicking the mceclip10.png button 

Alternatively, open the Layer Page (see Layer Information) and click on Editing Tools. Then click the Edit button in the Styles section of the Edit Layer panel (see the picture below).

mceclip9.png

2. Next click on the name of the layer and select the mceclip13.png icon.

 

mceclip12.png

3. Open the Style tab mceclip15.png

 

mceclip14.png

Warning: Styles editing is allowed only by those users who have the permissions to do so. See Changing the Layer Permissions to read more)

  1. Select the Style and click on the edit selected style icon mceclip16.png

  2. Edit the style. The Style Editor helps you to write valid styles through the Syntax Validator which shows you a popup in case of errors (see the picture below).

mceclip17.png

The Style Editor Syntax Validation

  1. Click on mceclip18.png to save your changes.

Setting the Default Style

You can also decide to make your new style the Default Style of that layer. Click on mceclip20.png to do that.
mceclip19.png

 

Deleting a style

To delete a style, select the style then click on the delete selected style icon  mceclip22.png 
 
mceclip21.png
 

Uploading Styles

It is also possible to upload an existing style from file.

Warning: Currently only styles in SLD (Style Layer Descriptor 1.0, 1.1) format can be uploaded in GeoNode.

From the Layer Page click on Editing Tools to open the Editing Tools panel and follow the steps below:

  1. Click the Upload button of the Styles section

mceclip23.png

Upload Styles button

  1. Click on Choose Files and select the style file you want to upload

mceclip24.png

Upload Styles

  1. Click on Upload files

Once the process has been finished the new Style will be visible in the Layer Page.

 

Managing Styles

Given a layer, you can manage all its styles in the Styles Management Page accessible from the Manage button of the Edit Layer panel.

mceclip25.png

Managing Styles

In that page you can:

  • See the Layer Name

  • Add/remove styles to/from the Available styles list by toggling on/off styles listed

mceclip26.png

  • Choose the Layer Default Style from the Available styles list

Click on Update Available Styles to save your changes.

mceclip27.png

Comments

0 comments

Please sign in to leave a comment.