Google Map Card

Share your Projects! Dashboards & Frontend
,
1

Hi,

Your feedbacks are important to me. Thank you in advanced.

Google Map Card

2 Likes
2

This card is great and i am loving how it is far superior to the map card, however the way the entities are added i am struggling to get tit to work with a person selector drop down box.

I have got it working on selecting a person to show the current location, however i cant add any of the variables that are entity specific.

Below is what i currently have

ha-map-01
ha-map-01531Ă—809 68.5 KB

However i want to be able to see the historical routing like in the picture below

ha-map-02
ha-map-02486Ă—507 50.2 KB

Now i don’t know if this is something that can be fixed in the custom:card_templater or the map yaml itself but any advice on how to fix it, or an alternative solution would be greatly appreciated

type: custom:vertical-stack-in-card
cards:
  - type: custom:mushroom-select-card
    entity: input_select.track_device
    fill_container: true
    layout: horizontal
    primary_info: name
    secondary_info: none
    card_mod:
      style: |
        ha-state-icon {
           --icon-symbol-size: 40px;
           padding-bottom: 20px;
           height: 20px;
        }    
        ha-card {
          border-radius: var(--ha-card-border-radius) !important;
          --ha-card-background: rgb(36,37,42,0.9);
          --card-mod-icon-color: white;
          --card-primary-color: white;
          --card-secondary-color: white;
          --primary-text-color: white;
          --font-weight: bold;
          --secondary-text-color: rgb(72,72,74);
        } 
  - type: custom:card-templater
    card:
      type: custom:google-map-card
      api_key: <<api_key>>
      hours_to_show: 24
      theme_mode: Dark_Forest_Night
      aspect_ratio: "0.5"
      map_type: satellite
      zoom: 17
      cameraControl: false
      zoomControl: false
      streetViewControl: false
      fullscreenControl: true
      fullscreenControl_position: TOP_RIGHT
      mapTypeControl: true
      mapTypeControl_position: TOP_LEFT
      rotateControl: false
      show_traffic_button: false
      show_weather_button: false
      show_recenter_button: false
      show_datepicker_button: false
      buttons_opacity: 1
      showScale: false
      keyboardShortcuts: false
      gesture_handling: greedy
      marker_clustering: false
      proximity_clustering: false
      proximity_radius: 150
      spiderfy: false
      show_traffic: true
      weather_layer: none
      entities_template: |
        {% if states('input_select.track_device') == 'Andrew Vint' %}
          [person.andrew_vint]
        {% elif states('input_select.track_device') == 'username2' %}
          [person.username2]     
        {% elif states('input_select.track_device') == 'username3t' %}
          [person.username3]    
        {% elif states('input_select.track_device') == 'username4' %}
          [person.username4]       
        {% else %}
          - person.andrew_vint
        {% endif %}
      card_mod:
        style: |
          ha-state-icon {
             --icon-symbol-size: 50px;
             padding-bottom: 20px;
             height: 20px;
          }    
          ha-card {
            border-radius: var(--ha-card-border-radius) !important;
            height: 750px !important;
            --ha-card-background: rgb(64,64,64,0.7);
            --card-mod-icon-color: white;
            --card-primary-color: white;
            --card-secondary-color: white;
            --primary-text-color: white;
            --font-weight: bold;
            --secondary-text-color: rgb(72,72,74);
          } 
    entities:
      - input_select.track_device
card_mod:
  style: |
    ha-card {
      border-radius: var(--ha-card-border-radius) !important;
      height: 750px !important;
      --ha-card-background: rgb(36,37,42,0.9);
      --card-mod-icon-color: white;
      --card-primary-color: white;
      --card-secondary-color: white;
      --primary-text-color: white;
      --font-weight: bold;
      --secondary-text-color: rgb(72,72,74);
    }

Thanks in advance for any help given.

Andrew

3

Fantastic add-on! I’ve been using it for a few months, and it has been working flawlessly.

However, over the past few days, it only seems to function when I’m at home, it no longer works when I’m away.
I’m not sure whether this is due to a bug in the add-on or a configuration issue on my end. @cataseven Could you please take a look whenever you find some time?

4

can this card be used without integrating it to the cloud for traffic stats and that stuff?

I added the integration in HACS but wont get the option to add the card “google maps” in lovelace for some reason. have restarted but no luck.

5

Hi Andrew

Please open issue for your question here GitHub - cataseven/Google-Map-Card: Google Maps Card for Home Assistant

I am not using here frequently.

6

Hi Mattie

Please open issue for your question here GitHub - cataseven/Google-Map-Card: Google Maps Card for Home Assistant

I am not using here frequently.

7

I think we talked this on github right? It was about your API settings as far as I remember. But if I am wrong please open issue for your question here GitHub - cataseven/Google-Map-Card: Google Maps Card for Home Assistant

I am not using here frequently.

1 Like
8

Yes, we did! I just forgot to update this thread. Thanks for checking in.

The issue was on my side:
I still had the old external URL for my HA server saved in my Google API credentials. I’ve updated it now, and everything is working again.

Thank you very much for your help!