Skip to content

Plano de casa en Home Assistant

Sin lugar a duda, una de las tarjetas más llamativas de Home Assistant, es la de poder crear un plano de casa interactivo de nuestro hogar. Vamos a ver paso a paso cómo lo podemos crear y las diferentes opciones que nos brinda el sistema.

Índice de contenido

    ¿Porque un mapa?

    Nada mejor que un plano de la vivienda para poder ver y controlar de forma rápida todos los dispositivos domóticos que tengamos en nuestro Home Assistant.

    ¿Dónde lo pongo?

    Para ello recomiendo crear una vista que sea exclusiva para el plano. Le podemos poner de nombre Plano y adjuntar una imagen. Yo en mi caso he puesto esta imagen mdi:map-legend.

    ¿Dónde guardo la imagen del plano de casa?

    Recomiendo guardarlo de forma local en nuestra Raspberry o dónde tengamos ejecutándose el Home Assistant. Nos dirigimos a la carpeta de Config y dentro creamos una carpeta llamada www aquí dentro vamos a guardar nuestra imagen.

    ¿Cómo muestro la imagen?

    Para llamar una imagen guardada en nuestra carpeta www, vamos a escribir: /local/nombre_del_archivo.jpg

    ¿De dónde descargo lo iconos?

    Páginas de iconos

    https://cdn.materialdesignicons.com/3.2.89/ http://materialdesignicons.com/

    ¿Me podrías dar el código de ejemplo que utilizas en el vídeo?

    Claro que sí, aquí lo tienes…

    elements:
      - entity: switch.sonoff_10000e3e8c
        style:
          left: 38%
          top: 71%
        tap_action:
          action: toggle
        type: state-icon
      - entity: switch.sonoff_10000e5a1f
        style:
          left: 75%
          top: 26%
        tap_action:
          action: toggle
        type: state-icon
      - entity: switch.sonoff_10000e2f53
        style:
          left: 12%
          top: 78%
        tap_action:
          action: toggle
        type: state-label
      - entity: switch.03153005dc4f22d5e3b7
        style:
          left: 25%
          top: 93%
        tap_action:
          action: toggle
        type: state-icon
      - entity: switch.02654020807d3a7b7d98
        style:
          left: 13%
          top: 93%
        tap_action:
          action: toggle
        type: state-icon
      - entity: sensor.lumi_lumi_weather_75064a04_temperature
        style:
          left: 32%
          top: 45%
        type: state-label
      - entity: switch.sonoff_10000e2f23
        style:
          left: 15%
          top: 23%
        tap_action:
          action: toggle
        type: state-icon
    image: /local/hogar.jpg
    type: picture-elements

    La imagen del plano no te la incluyo porque considero que no tienes sentido, tienes que utilizar tu propia imagen.

    Para más detalles, no olvides de mirar el vídeo y de suscribirte a mi canal de Youtube.

    Sígueme en Youtube
    Ajustes