Possible to remove zoom controls from map card?

Configuration Frontend
1

I’d like to add a small horizontal map to a lovelace dashboard that tracks the location of the ISS. Is it possible to remove the zoom controls and the leaflet footer from the map card?
2022-01-22_12-34-50

1 Like
2

did you find solution for this ?

3

no, I haven’t, but would love to! I’ll reply here if I ever figure it out. Please do the same!

4

sure, I will. I think it can be done by using card_mod but I don’t know how

5

I spent a little time trying to wrap my head around modifying css using card mod and was able to remove the overlays from my little map!

    card_mod:
      style:
        ha-map$: |
          .leaflet-control-attribution {
            visibility: hidden;
           }
          .leaflet-control-zoom {
            visibility: hidden;
           }

2022-03-19_20-12

3 Likes
6

Been looking for just this. Any idea how to hide the reset focus button as well?

7

@sgxander to remove controls, reset, bottom right information

card_mod:
  style:
    ha-map$: |
      .leaflet-control-attribution {
        display:none !important;
       }
      .leaflet-control-zoom {
        display:none !important;
       }
    ha-icon-button$: |
      mwc-icon-button{display:none !important}
4 Likes
8

Fabulous! I’ve been looking for that for ages - thanks!