3.2. Lesson: Simbología

La simbología de una capa es su apariencia visual en el mapa. La fortaleza básica del SIG sobre otras formas de representación de datos espaciales es que con el SIG, puedes obtener una representación visual dinámica de los datos con los que estás trabajando.

Además, la apariencia visual del mapa (la cual depende de la simbología de las capas individuales) es muy importante. El usuario final de los mapas que tú produces necesitará ver lo que el mapa representa con facilidad. De la misma forma, necesitarás ser capaz de explorar los datos con los que trabajas, y una buena simbología ayuda mucho.

En otras palabras, tener una buena simbología no es solo un lujo o simplemente bonito. De hecho, es esencial para ti usar el SIG adecuadamente y producir mapas e información que la gente pueda usar.

El objetivo de esta lección: Ser capaz de crear cualquier simbología que quieras para una capa vectorial.

3.2.1. basic Follow Along: Cambiando colores

Para cambiar la simbología de una capa, abre su Propiedades de la capa. Empieza cambiando el color de la landuse layer.

  1. Haz clic derecho en la capa landuse dentro de la lista de capas.

  2. Selecciona Propiedades del menú que aparece.

    Nota

    Por defecto, también puedes acceder a las propiedades de la capa con doble clic en la capa en la lista de capas.

    Truco

    El botón de symbology en la parte superior de :guilabel: Layers abrirá el panel Layer Styling. Puede usar este panel para cambiar algunas propiedades de la capa: por defecto, ¡los cambios se aplicarán inmediatamente!

  3. En la ventana Layer Properties, seleccione la pestaña symbology Symbology

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

  5. Escoge el color gris y clic en Aceptar.

  6. Clic de nuevo en Aceptar en la ventana Propiedades de la capa, y verás el cambio de color en la capa.

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.

Comprueba tus resultados

3.2.3. basic Follow Along: Cambiando la estructura del símbolo

De momento está bien, pero hay más simbología en una capa además del color. Lo siguiente que queremos es eliminar las líneas entre las diferentes áreas de uso para que el mapa no esté tan visualmente desordenado.

  1. Abre la ventana Propiedades de la capa para la capa landuse.

    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. Cámbialo a Sin plumilla.

    ../../../_images/simple_fill_selected.png
  5. Clic en Aceptar.

Ahora la capa landuse no tendrá ninguna linea entre áreas.

3.2.5. moderate Follow Along: Visibilidad Basada en Escala

Algunas veces encontraras que una capa no es adecuada para una escala dada. Por ejemplo, un conjunto de datos de todos los continentes puede tener pocos detalles, y no ser muy preciso a nivel de calles. Cuando esto ocurre, quieres ser capaz de ocultar el conjunto de datos a escalas inapropiadas.

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

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

… no es muy útil. Las construcciones difícilmente se distinguen a esa escala.

Para habilitar la representación basada en escala:

  1. Abre el diálogo Propiedades de la capa para la capa 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. Clic en Aceptar.

Comprueba los efectos de esto aumentando y disminuyendo el zoom de tu mapa, notando que la capa buildings aparece y desaparece.

Nota

Puedes usar la rueda de tu ratón para ampliar o disminuir el zoom. También puedes utilizar las herramientas de zoom para ampliar a una ventana:

zoomIn zoomOut

3.2.6. moderate Follow Along: Añadiendo Capas de Símbolos

Ahora sabes como cambiar la simbología simple de capas, el siguiente paso es crear simbología más compleja. QGIS te permite hacer esto utilizando capas de símbolos.

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

    En este ejemplo, los símbolos actuales no tienen contorno (es decir, usan el estilo de borde No Pen)

    ../../../_images/simple_fill_selected.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.

Ahora hay una segunda capa de símbolos. Siendo un color sólido, por supuesto esto ocultará completamente el anterior tipo de símbolo. Además, tiene el estilo de borde Línea sólida, lo que no queremos. Claramente este símbolo tiene que ser cambiado.

Nota

Es importante no confundirse entre una capa de mapa y una capa de símbolos. Una capa de mapa es un vector (o raster) que ha sido cargada dentro del mapa. Una capa de símbolos es parte de un símbolo utilizado para representar una capa del mapa. Este curso se referirá por lo general a capas del mapa como una capa, pero una capa de símbolos siempre será llamada capa de símbolos, para prevenir confusión.

With the new Simple Fill symbol layer selected:

  1. Ajusta el estilo de borde a Sin plumilla, como antes.

  2. Cambia el estilo de relleno a algo diferente a Sólido o Sin relleno. Por ejemplo:

    ../../../_images/new_fill_settings.png
  3. Clic en Aceptar.

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

¡Es divertido! Pero probablemente tenga demasiados colores para usar en el mapa real…

3.2.7. moderate Try Yourself

Recordando ampliar si es necesario, crea una textura simple para la capa buildings utilizando los métodos anteriores.

Comprueba tus resultados

3.2.8. moderate Follow Along: Ordenando los Niveles de Símbolos

Cuando las capas de símbolos están representadas, también están representadas en una secuencia, similar a la forma en la que diferentes capas del mapa se representan.

  1. Dale a la capa roads una capa símbolo extra (utilizando el método para añadir capas símbolo demostrado anteriormente).

  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.

Notarás que ocurre esto:

../../../_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 prevenir que esto ocurra, puedes ordenar los niveles de símbolos y de este modo controlar el orden en el que las diferentes capas de símbolos se representan.

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. Clic Aceptar dos veces para volver al mapa.

    El mapa se verá ahora así:

    ../../../_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. Crea un nuevo mapa y añade solamente el conjunto de datos roads.

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

  3. Amplia el área Swellendam.

  4. Utilizando capas de símbolos, asegúrate que los contornos de las capas fluyen unos dentro de los otros como en la imagen siguiente:

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

Comprueba tus resultados

3.2.11. moderate Follow Along: Tipos de Capas 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 vector (punto, linea y polígono) tiene su propio conjunto de tipos de capas de símbolos. Primero veremos los tipos disponibles para puntos.

3.2.11.1. Tipos de Capas de Símbolos para Puntos

  1. Uncheck all the layers except for places.

  2. Cambia las propiedades de símbolo para la capa 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. Investiga las diversas opciones disponibles para ti, y elige un símbolo con el estilo que creas apropiado.

  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 Capas de Símbolos para Líneas

Para ver varias opciones disponibles para datos lineales:

  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.

Una vez has aplicado el estilo, echa un vistazo a los resultados en el mapa. Como puedes ver, esos símbolos cambian de dirección a lo largo de la calle pero no siempre se curvan con ella. Esto es útil para algunos propósitos, pero no para otros. Si lo prefieres, puedes cambiar la capa símbolo a la forma en la que estaba antes.

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

Para ver las varias opciones disponibles para los datos poligonales:

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

  2. Investiga qué opciones diferentes de la lista se pueden hacer.

  3. Elige una de aquellas que encuentres adecuadas.

  4. Si tienes dudas, utiliza Patrón de relleno de puntos con las siguientes opciones:

    ../../../_images/pattern_fill_size.png
    ../../../_images/pattern_fill_distances.png
  5. Añade una nueva capa de símbolos con un Relleno sencillo corriente.

  6. Haz el mismo azul claro con un borde azul oscuro.

  7. Muévelo debajo del punto patrón de la capa símbolo con el botón Bajar.

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

Como resultado, tienes un símbolo de textura para la capa de agua, con el beneficio añadido de poder cambiar el tamaño, forma y distancia de los diferentes puntos que forman la 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: Creando un Relleno SVG Personalizado

Nota

Para hacer este ejercicio, necesitará tener un software de edición de vector libre Inkscape instalado.

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

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

    Deberías encontrarlo familiar si has utilizado otros programas de edición de imágenes vector, como Corel.

    Primero, cambiaremos el lienzo a un tamaño apropiado para texturas pequeñas.

  2. Clic en el elemento del menú Archivo ‣ Propiedades del documento. Esto te dará el cuadro de diálogo Propiedades del documento.

  3. Cambia Unidades predet. a px.

  4. Change the Width and Height to 100.

  5. Cierra el cuadro de diálogo cuando hayas terminado.

  6. Clic en el elemento del menú Ver ‣ Zoom ‣ Página para ver la página con la que estás trabajando.

  7. Selecciona la herramienta Círculo.

    ../../../_images/inkscape_circle_tool.png
  8. Haga clic y arrastre en la página para dibujar un elipse. Para convertir el elipse en un circulo, mantenga el botón Ctrl mientras está dibujándolo.

  9. Haga clic derecho sobre el circulo que acaba de crear y abra sus opciones Relleno y borde. Puede modificar su representación, como:

    1. Cambie el color Relleno a un azul-grisaseo pálido,

    2. Asignar al borde un color oscuro en la pestaña Pintar borde,

    3. Y reduzca el espesor del borde bajo la pestaña Estilo de borde.

    ../../../_images/inkscape_stroke_fill.png
  10. Dibuje una línea utilizando la herramienta Lápiz:

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

    2. Mueva horizontalmente el cursor y localice un punto con un simple clic.

    3. Haga clic y cierre el vértice de la línea y trace una línea vertical, finalice con un solo clic.

    4. Ahora una los dos vértices finales.

    5. Cambie el color y ancho del símbolo del triángulo para emparejar el borde del círculo y cambielo como sea necesario, así que termina con un símbolo como este:

    ../../../_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.

En QGIS:

  1. Abra las Propiedades de la capa para la capa landuse.

  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

Cambiando la simbología de las diferentes capas has transformado una colección de archivos vector en un mapa legible. No solo tú puedes ver qué está pasando, ¡es incluso bonito a la vista!

3.2.16. Further Reading

Examples of Beautiful Maps

3.2.17. What’s Next?

Cambiar símbolos para capas completas es útil, pero la información contenida dentro de cada capa no está todavía disponible para alguien que lea esos mapas. ¿Cómo se llaman esas calles? ¿A qué regiones administrativas pertenecen ciertas áreas? ¿Cuales son las superficies relativas de las granjas? Toda esta información todavía está oculta. La siguiente lección te explicará como representar estos datos en tu mapa.

Nota

¿Te acordaste de guardar tu mapa recientemente?