Creación de edificios isométricos (QGIS3)

Contribución de: Steven Kim

OpenStreetMap (OSM) is a crowd-sourced global dataset of roads, boundaries, buildings and more. It has a growing collection of building footprints across the world with many of them also having height information. While the accuracy of building height data is notoriously difficult to validate for analysis, we can use QGIS expressions to create a fun artistic isometric rendering from this data.

Visión general de la tarea

Descargaremos de OSM los datos de las huellas de los edificios del centro de Toronto y crearemos un mapa isométrico de las alturas de los edificios.

../../_images/output2.png

Obtener los datos

Vamos a descargar datos de OpenStreetMap(OSM) utilizando el complemento QuickOSM. Ver Buscar y Descargar Datos de OpenStreetMap (QGIS3) para una introducción al complemento QuickOSM. Una vez que haya instalado el complemento, puede seguir las siguientes instrucciones para obtener los datos de su región.

Nota

Este tutorial está específicamente diseñado para trabajar con los datos OSM extraídos del complemento QuickOSM. La expresión de altura no funciona con archivos OSM planet o extractos de datos con other_tags. En esos casos necesitas primero extraer los niveles y alturas de los edificios antes de usarlos.

  1. Abra QGIS. Primero cargaremos un mapa base. Desde el panel Navegador, desplázate hacia abajo y localiza la capa de baldosas XYZ Tiles ‣ OpenStreetMap. Arrástrela y suéltela en el lienzo principal. Haz zoom hasta la región que te interese. Asegúrese de que la región está completamente cubierta por la extensión del mapa.

../../_images/data115.png
  1. Inicie el complemento QuickOSM desde Vector ‣ QuickOSM ‣ QuickOSM….

../../_images/data25.png
  1. In the Quick query tab, enter building as the Key. Change the In to Canvas Extent. This will download all buildings in the current canvas extent. Expand the Advanced section, then unclick Points, Lines and Multilinestrings. This should leave Nodes, Ways, Relations and Multipolygons selected. Select Run query. Close the window once the map is loaded.

../../_images/data35.png
  1. All the available building footprints in the canvas extent will be loaded in a new layer building. You can continue with the data, or select a subset of the buildings. For this tutorial, we will select all buildings in your region of interest. Click the Select Features by Area or Single Click button on the Selection Toolbar. You can hold the left mouse button and draw a rectangle to select the required buildings. You can also hold the Shift key and click on the polygons to select them.

../../_images/data45.png
  1. Una vez seleccionados todos los edificios necesarios, haga clic con el botón derecho del ratón en la capa building y seleccione Exportar ‣ Guardar objetos espaciales seleccionados como….

../../_images/data54.png
  1. In the Save Vector Layer As… dialog, click the button next to File name and browse to a folder on your computer. Enter the File name as osm_buildings.gpkg and Layer name as buildings. The downloaded buildings are in the CRS EPSG:4326 WGS84. This is a Geographic CRS with units in degrees. We can choose a Projected CRS which will allow us to use linear units of measurement such as meters. Click the dropdown menu for Select CRS and choose Project CRS: EPSG:3857 - WGS84 / Pseudo-Mercator. Click OK.

../../_images/data64.png
  1. The selected buildings will be reprojected and saved to a new GeoPackage file.

../../_images/data74.png

For convenience, you may directly download a copy of the downtown Toronto buildings from below:

osm_buildings.gpkg

Fuente de datos [OPENSTREETMAP]

Procedimiento

  1. Localice el archivo osm_buildings.gpkg en el navegador QGIS y expándalo. Selecciona la capa buildings y arrástrala al lienzo.

    ../../_images/1106.png
  2. Haga clic en Abrir panel de estilos de capa y cambie de Símbolo único a 2,5 D.

    ../../_images/2102.png
  3. Haga clic en el botón ε situado junto a Altura.

    ../../_images/340.png
  4. En el Constructor de expresiones, introduzca la siguiente expresión. Esta expresión aplica un multiplicador al primer campo no nulo de building:levels y height. Si ambos son nulos, se utilizará una altura predeterminada de 20 metros. Tenga en cuenta que se trata de alturas exageradas para visualizarlas a escalas mayores.

coalesce("building:levels"*10, "height"*2, 20)
../../_images/423.png
  1. Cambia la Ángulo a 135 grados.

    ../../_images/520.png
  2. Un-check the Shade walls based on aspect and Shadow. We will be applying our own colors. Click on the dropdown for selecting the renderer.

    ../../_images/620.png
  3. Cambiar de 2.5 D a Símbolo único.

    ../../_images/719.png
  4. En la ventana Símbolo, observe que hay dos Generadores de Geometría, cada uno con un tipo de capa Relleno Simple. La primera Relleno Simple es la cara superior de cada bloque, mientras que la segunda Relleno Simple es la cara lateral. Haga clic en la primera Relleno simple para cambiar el color de la cara superior. Haga clic en el botón Los datos definen la omisión de Color de relleno y seleccione Editar… en el menú.

    ../../_images/819.png
  5. Aparecerá el cuadro de diálogo Constructor de expresiones para Color de relleno. Introduzca la siguiente expresión. Esta expresión aplica la rampa de color Espectral a los datos en función de su distancia al centro del mapa.

ramp_color('Spectral',
    scale_linear(
        distance(@geometry,@map_extent_center),
        0,@map_extent_width/6,
        0,1
    )
)
../../_images/919.png
  1. Haga clic en el botón Los datos definen la omisión para el Color de relleno y seleccione Copiar… en el menú.

    ../../_images/1025.png
  2. Haga clic en el botón Los datos definen si se anula de Color de trazo y seleccione Pegar… en el menú para aplicar la misma expresión.

    ../../_images/1128.png
  3. Ahora haga clic en la segunda Relleno Simple para cambiar los lados. Puede que tenga que desplazarse hacia abajo para hacerlo. Haga clic en el menú desplegable de Tipo de capa de símbolos.

    ../../_images/1226.png
  4. Change the Symbol Layer Type from Simple Fill to Gradient Fill. The two color selectors beside the Two color represent the top and bottom colors of the gradient. Click on Data define override button for the top color.

    ../../_images/1324.png
  5. Select Edit and enter the following expression. This is the same expression that we used for the roof color but adjusts the transparency of the color using the set_color_part() function.

    set_color_part(
      ramp_color('Spectral',
          scale_linear(
              distance(@geometry,@map_extent_center),
              0,@map_extent_width/6,
              0,1
          )
      ), 'alpha',100)
    
    ../../_images/1422.png
  6. Click on the small black triangle of the bottom color selector and check Transparent box.

    ../../_images/1519.png
  7. Antes de salir del Panel de Estilizado de Capas, vamos a transformar la capa para completar el aspecto isométrico. Despliegue la sección Renderizado de capas y marque Dibujar efectos. Haga clic en la estrella Personalizar efectos de la derecha.

    ../../_images/1618.png
  8. Haga clic en el menú desplegable situado junto a Tipo de efecto.

    ../../_images/1719.png
  9. Cambie el Tipo de efecto de Fuente a Transformación. Para Corte X,Y, introduzca -0.2 y -0.2 respectivamente.

    ../../_images/1816.png
  10. Introduzca 45 para Rotación. Salga y cierre Panel de estilo de capa.

    ../../_images/1913.png
  11. Debería ver una colorida representación de los polígonos del edificio en vista isométrica. Siéntete libre de experimentar con las expresiones de altura, ángulo, colores de relleno, etc.

    ../../_images/2013.png

If you want to give feedback or share your experience with this tutorial, please comment below. (requires GitHub account)