3.2. Lesson: Simbologia

A simbologia de uma camada é sua aparência visual no mapa. A força básica do SIG sobre outras formas de representação de dados espaciais é que com o SIG, você pode obter uma representação visual dinâmica dos dados com os quais está trabalhando.

Por conseguinte, o aspecto visual do mapa (que depende da simbologia das camadas individuais ) é muito importante. O usuário final dos mapas que você produz necessitará ver o que o mapa representa com facilidade.

Em outras palavras, ter simbologia adequada não é um luxo ou é apenas bom ter. Na verdade, é essencial para você usar um SIG corretamente e produzir mapas e informações que as pessoas serão capazes de usar.

O objetivo desta lição: Ser capaz de criar qualquer simbologia que você queira para uma camada vetorial.

3.2.1. basic Follow Along: Mudando cores

Para alterar a simbologia de uma camada, abra Propriedades da Camada. Vamos começar mudando a cor do camada urban.

  1. Right-click on the landuse layer in the layers list.

  2. Select the menu item Properties… in the menu that appears.

    Nota

    Por padrão, você também pode acessar as propriedades de uma camada clicando duas vezes sobre a camada na lista de Camadas.

    Dica

    The symbology button at the top of the Layers panel will open the Layer Styling panel. You can use this panel to change some properties of the layer: by default, changes will be applied immediately!

  3. In the Layer Properties window, select the symbology Symbology tab:

    ../../../_images/layer_properties_style.png
  4. Click the color select button next to the Color label. A standard color dialog will appear.

  5. Escolha a cor cinza e clique em OK.

  6. Clique novamente em OK na janela Propriedades da Camada e você vai ver a mudança de cor ser aplicada à camada.

3.2.2. basic Try Yourself

Change the color of the water layer to light blue. Try to use the Layer Styling panel instead of the Layer Properties menu.

Verifique seus resultados

3.2.3. basic Follow Along: Mudando a Estrutura do Símbolo

Está muito bom até agora, mas há mais sobre simbologia de uma camada do que apenas a sua cor. Em seguida, queremos eliminar as linhas entre as diferentes áreas de uso da terra, de modo a fazer o mapa menos confuso visualmente.

  1. Abra a janela Propriedades da camada para a camada urban.

    Under the symbology Symbology tab, you will see the same kind of dialog as before. This time, however, you’re doing more than just quickly changing the color.

  2. In the symbol layers tree, expand the Fill dropdown and select the Simple fill option.

  3. Click on the Stroke style dropdown. At the moment, it should be showing a short line and the words Solid Line.

  4. Troque para Sem caneta.

    ../../../_images/simple_fill_selected.png
  5. Clique em OK.

Agora a camada urban não terá nenhuma linha entre as áreas.

3.2.5. moderate Follow Along: Visibilidade Baseada na Escala

Às vezes, você vai achar que uma camada não é adequada para uma determinada escala. Por exemplo, um conjunto de dados de todos os continentes pode apresentar baixo detalhamento e não ser muito preciso ao nível da rua. Quando isso acontece, você quer ser capaz de esconder o conjunto de dados que esteja em escalas inadequadas.

In our case, we may decide to hide the buildings from view at small scales. This map, for example…

../../../_images/buildings_small_scale.png

… não é muito útil. Os edifícios são difíceis de distinguir nessa escala.

Para ativar a renderização baseada em escala:

  1. Abra a janela Propriedades da camada para a camada buildings.

  2. Activate the rendering Rendering tab.

  3. Enable scale-based rendering by clicking on the checkbox labeled Scale dependent visibility:

  4. Change the Minimum value to 1:10000.

    ../../../_images/scale_dependent_visibility.png
  5. Clique em OK.

Teste os efeitos dando zoom in e out em seu mapa e observando quando a camada :guilabel: buildings desaparece e reaparece.

Nota

Você pode usar a roda do mouse para dar zoom ou, como alternativa, usar as ferramentas de zoom para a janela:

zoomIn zoomOut

3.2.6. moderate Follow Along: Adicionando Camadas de Símbolos

Agora que você já sabe como alterar simbologias simples para as camadas, o próximo passo será criar simbologias mais complexas. O QGIS permite que você faça isso usando camadas de símbolos.

  1. Go back to the landuse layer’s symbol properties panel (by clicking Simple fill in the symbol layers tree).

    Neste exemplo, o símbolo atual não tem contorno (ou seja, ele usa como estilo da borda Sem caneta).

    ../../../_images/add_symbol_layer_button.png
  2. Select the Fill level in the tree and click the signPlus Add symbol layer button. The dialog will change to look something like this, with a new symbol layer added:

    ../../../_images/new_symbol_layer.png

    It may appear somewhat different in color, for example, but you’re going to change that anyway.

Agora há uma segunda camada de símbolo. Sendo de uma cor sólida, ela irá naturalmente ocultar completamente o tipo anterior de símbolo. Além disso, ela tem um estilo de borda Linha Sólida, o que não queremos. É evidente que esse símbolo tem que ser mudado.

Nota

É importante não se confundir entre uma camada de mapa e uma camada de símbolo. Uma camada de mapa é um vetor (ou raster) que foi carregado no mapa. Uma camada de símbolo é parte do símbolo usado para representar uma camada de mapa. Este curso irá geralmente se referir a uma camada de mapa como apenas uma camada, mas uma camada de símbolo será sempre chamado de uma camada de símbolo, para evitar confusão.

With the new Simple Fill symbol layer selected:

  1. Defina o estilo de borda para Sem caneta, como feito anteriormente.

  2. Mude o estilo de preenchimento para algo diferente de Sólido ou Sem pincel. Por exemplo:

    ../../../_images/new_fill_settings.png
  3. Clique em OK.

Now you can see your results and tweak them as needed. You can even add multiple extra symbol layers and create a kind of texture for your layer that way.

../../../_images/multiple_symbol_layers.png

É divertido! Mas, provavelmente, você tem muitas cores para usar em um mapa real …

3.2.7. moderate Try Yourself

Lembrando-se de dar zoom, se necessário, crie uma textura simples para a camada buildings usando os métodos acima.

Verifique seus resultados

3.2.8. moderate Follow Along: Ordenando os Níveis de Símbolos

Quando as camadas de símbolos são renderizadas, elas o são em uma sequência, semelhante à maneira como as diferentes camadas do mapa são renderizadas. Isto significa que, em alguns casos, ter muitas camadas de símbolo num símbolo pode causar resultados inesperados.

  1. Dê uma camada extra de símbolo à camada roads (usando o método para adicionar camadas de símbolos demonstrado acima).

  2. Give the base line a Stroke width of 1.5 and a black color.

  3. Give the new, uppermost layer a thickness of 0.8 and a white color.

Você notará que isso acontecerá:

../../../_images/bad_roads_symbology.png

Well, roads have now a street like symbology, but you see that lines are overlapping each others at each cross. That’s not what we want at all!

Para evitar que isso aconteça, você pode classificar os níveis dos símbolos e assim controlar a ordem em que as diferentes camadas de símbolos são renderizadas.

To change the order of the symbol layers:

  1. Select the topmost Line layer in the symbol layers tree.

  2. Click Advanced ‣ Symbol levels… in the bottom right-hand corner of the window.

    ../../../_images/symbol_levels_main_dialog.png

    This will open a dialog like this:

    ../../../_images/symbol_levels_dialog.png
  3. Check checkbox Enable symbol levels. You can then set the layer order of each symbol by entering the corresponding level number. 0 is the bottom layer.

    In our case, we just want to activate the option, like this:

    ../../../_images/correct_symbol_layers.png

    This will render the white line above the thick black line borders:

  4. Clique OK duas vezes para retornar ao mapa.

    Agora o mapa ficará assim:

    ../../../_images/better_roads_symbology.png

When you’re done, remember to save the symbol itself so as not to lose your work if you change the symbol again in the future. You can save your current symbol style by clicking the Save Style… button at the bottom of the Layer Properties dialog. We will be using the QGIS QML Style File format.

Save your style in the solution/styles/better_roads.qml folder. You can load a previously saved style at any time by clicking the Load Style… button. Before you change a style, keep in mind that any unsaved style you are replacing will be lost.

3.2.10. hard Try Yourself

Symbol levels also work for classified layers (i.e., layers having multiple symbols). Since we haven’t covered classification yet, you will work with some rudimentary pre-classified data.

  1. Crie um novo mapa e adicione apenas o conjunto de dados roads.

  2. Load the style file advanced_levels_demo.qml provided in exercise_data/styles.

  3. Amplie a área Swellendam.

  4. Usando camadas de símbolos, assegure-se que os contornos das camadas fluam uns dentro dos outros conforme a imagem abaixo:

    ../../../_images/correct_advanced_levels.png

Verifique seus resultados

3.2.11. moderate Follow Along: Tipos de Camadas de Símbolos

In addition to setting fill colors and using predefined patterns, you can use different symbol layer types entirely. The only type we’ve been using up to now was the Simple Fill type. The more advanced symbol layer types allow you to customize your symbols even further.

Cada tipo de vetor (ponto, linha e polígono) tem seu próprio conjunto de tipos de símbolo. Primeiro, vamos olhar para os tipos disponíveis para os pontos.

3.2.11.1. Tipos de Camadas de Símbolos para Pontos

  1. Uncheck all the layers except for places.

  2. Troque as propriedades de símbolo para a camada places.

    ../../../_images/places_layer_properties.png
  3. You can access the various symbol layer types by selecting the Simple marker layer in the symbol layers tree, then click the Symbol layer type dropdown:

    ../../../_images/marker_type_dropdown.png
  4. Investigue as várias opções disponíveis para você e escolha um símbolo com um estilo que você considera adequado.

  5. If in doubt, use a round Simple marker with a white border and pale green fill, with a Size of 3.00 and a Stroke width of 0.5.

3.2.11.2. Tipos de Camadas de Símbolos para Linhas

Para ver as várias opções disponíveis para dados lineares:

  1. Change the Symbol layer type for the roads layer’s topmost symbol layer to Marker line:

    ../../../_images/change_to_marker_line.png
  2. Select the Simple marker layer in the symbol layers tree. Change the symbol properties to match this dialog:

    ../../../_images/simple_marker_line_properties.png

  3. Select the Marker line layer and change the interval to 1.00:

    ../../../_images/marker_line_interval.png
  4. Ensure that the symbol levels are correct (via the Advanced ‣ Symbol levels dialog we used earlier) before applying the style.

Depois de ter aplicado o estilo, dê uma olhada em seus resultados no mapa. Como você pode ver, esses símbolos mudam de direção junto com a estrada, mas nem sempre dobram junto com ela. Isto é útil para certos fins, mas não para outros. Se preferir, você pode mudar a camada de símbolo em questão para voltar a ser como era antes.

3.2.11.3. Tipos de Camadas de Símbolos para Polígonos

Para ver as várias opções disponíveis para dados poligonais:

  1. Change the Symbol layer type for the water layer, as before for the other layers.

  2. Investigue que opções diferentes na lista pode-se usar.

  3. Escolha uma que você considere adequada.

  4. Se estiver em dúvida, utilize Padrão de preenchimento de pontos com as seguintes opções:

    ../../../_images/pattern_fill_size.png ../../../_images/pattern_fill_distances.png
  5. Adicione uma nova camada de símbolos com Preenchimento simples.

  6. Use o mesmo azul claro com uma borda azul escuro.

  7. Mova-a para debaixo da camada de padrão de preenchimento de ponto usando o botão Mover para baixo.

    ../../../_images/simple_fill_move_down.png

Como resultado, você tem um símbolo texturizado para a camada water, com a vantagem adicional de que você pode mudar o tamanho, forma e distância dos pontos individuais que compõem a textura.

3.2.13. hard Follow Along: Geometry generator symbology

You can use the Geometry generator symbology with all layer types (points, lines and polygons). The resulting symbol depends directly on the layer type.

Very briefly, the Geometry generator symbology allows you to run some spatial operations within the symbology itself. For example you can run a real centroid spatial operation on a polygon layer without creating a point layer.

Moreover, you have all the styling options to change the appearance of the resulting symbol.

Let’s give it a try!

  1. Select the water layer.

  2. Click on Simple fill and change the Symbol layer type to Geometry generator.

    ../../../_images/geometry_generator.png
  3. Before to start writing the spatial query we have to choose the Geometry Type in output. In this example we are going to create centroids for each feature, so change the Geometry Type to Point / Multipoint.

  4. Now let’s write the query in the query panel:

    centroid($geometry)
    
    ../../../_images/geometry_generator_query.png
  5. When you click on OK you will see that the water layer is rendered as a point layer! We have just run a spatial operation within the layer symbology itself, isn’t that amazing?

    ../../../_images/geometry_generator_result.png

With the Geometry generator symbology you can really go over the edge of normal symbology.

3.2.14. hard Follow Along: Criando um Preenchimento SVG Personalizado

Nota

To do this exercise, you will need to have the free vector editing software Inkscape installed.

  1. Start the Inkscape program. You will see the following interface:

    ../../../_images/inkscape_default.png

    Você deve achar o programa familiar se você já usou outros programas de edição de imagem vetorial, como o Corel.

    Primeiro, vamos mudar a tela para um tamanho apropriado para uma pequena textura.

  2. Clique no item de menu Arquivo ‣ Propriedades do Desenho. Isso fará com que seja aberta a janela Propriedades do Desenho.

  3. Troque Unidades para px.

  4. Change the Width and Height to 100.

  5. Feche a janela quando terminar.

  6. Clique no item de menu Exibir ‣ Zoom ‣ Página para ver a página que você está trabalhando.

  7. Selecione a ferramenta Elipse.

    ../../../_images/inkscape_circle_tool.png
  8. Click and drag on the page to draw an ellipse. To make the ellipse turn into a circle, hold the Ctrl button while you’re drawing it.

  9. Right-click on the circle you just created and open its Fill and Stroke options. You can modify its rendering, such as:

    1. Change the Fill color to a somehow pale grey-blue,

    2. Assign to the border a darker color in Stroke paint tab,

    3. And reduce the border thickness under Stroke style tab.

    ../../../_images/inkscape_stroke_fill.png
  10. Draw a line using the Pencil tool:

    1. Click once to start the line. Hold Ctrl to make it snap to increments of 15 degrees.

    2. Move the pointer horizontally and place a point with a simple click.

    3. Click and snap to the vertex of the line and trace a vertical line, ended by a simple click.

    4. Agora una os dois vértices finais.

    5. Change the color and width of the triangle symbol to match the circle’s stroke and move it around as necessary, so that you end up with a symbol like this one:

    ../../../_images/inkscape_final_symbol.png
  11. If the symbol you get satisfies you, then save it as landuse_symbol under the directory that the course is in, under exercise_data/symbols, as SVG file.

No QGIS:

  1. Open the Layer Properties for the landuse layer.

  2. In the symbology Symbology tab, change the symbol structure by changing the Symbol Layer Type to SVG Fill``` shown below.

  3. Click the button and then Select File… to select your SVG image.

    It’s added to the symbol tree and you can now customize its different characteristics (colors, angle, effects, units…).

    ../../../_images/svg_symbol_settings.png

Once you validate the dialog, features in landuse layer should now be covered by a set of symbols, showing a texture like the one on the following map. If textures are not visible, you may need to zoom in the map canvas or set in the layer properties a bigger Texture width.

../../../_images/svg_symbol_result.png

3.2.15. In Conclusion

Alterando a simbologia para as diferentes camadas transformou uma coleção de arquivos vetoriais em um mapa legível. Não apenas você pode ver o que está acontecendo mas é ainda agradável de olhar!

3.2.16. Further Reading

Examples of Beautiful Maps

3.2.17. What’s Next?

Alterar símbolos para camadas inteiras é útil, mas a informação contida dentro de cada camada ainda não está disponível para alguém ler esses mapas. Como se chamam as ruas? A que regiões administrativas pertencem certas áreas? Quais são as superfícies relativas das fazendas? Toda esta informação está ainda escondida. A próxima lição irá explicar como representar estes dados em seu mapa.

Nota

Você se lembrou de salvar seu mapa recentemente?