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

    Related Posts

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Comments (4)

    Hola, como puedo dibujar un plano de mi casa.
    Gracias

    Responder

    Hola Juan Luis,
    con eso me recuerdas que es uno de los vídeos que tengo pendientes. Me lo apunto, pero a corto plazo no lo podré sacar ya que estoy bastante saturado. Has buscado en Youtube? seguramente hay muchos tutoriales de cómo hacerlo.

    Saludos

    Responder

    Buenas, como puedo hacer el plano mas grande? se ve muy pequeño

    Responder

    Muchas gracias.
    Te he copiado y me ha sudo muy util el articulo y video.
    He intentado añadir la barredora y solo he conseguido que al hacer click me muestre su tarjeta, no que empiece a barrer, pero bueno, tampoco esta mal asi.
    ¿se podria cambiar el tamaño de los iconos o colores de encendido/apagado?
    Muchas gracias

    Responder
    Ajustes