Custom Component: Flightradar24

maybe better to post in the thread for the card itself…

probably the same or similar subset of people in that thread but maybe the dev will see it…

FWIW I don’t see that error…have you tried the usual things around clear cache, different browser, etc

Yes, i tried EDGE and it seems the errors are gone. So, what is the cause? Chrome? The card itself?

@rbita @bmccluskey Thank your for globe.adsb.fi example - I have added the README

1 Like

v1.29.1 Released

Changelog

It is better to use parameters lat and lon instead of SiteLat and SiteLon

URL example:

https://globe.adsb.fi/?enableLabels&trackLabels&zoom=12&hideSideBar&lat=50.984944839678334&lon=11.311357147743463

Hi, did you ever find a fix to this issue? I copy-pasted the code from the official documentation (and changed the coordinates) and I still have the same issue as you did.

To fix this use the original code…
Altering as i did . . Was the prob…

Worked on this today, and I’m loving it :slight_smile:
Source for the airline logos here.

Here’s the relevant code section:

  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.flightradar24_current_in_area
        above: 0
    card:
      type: markdown
      content: >-
        {% set data =
        state_attr('sensor.flightradar24_current_in_area','flights') %} {% for
        flight in data %}
          <pre>  {%if flight.airline_iata %}<img src="https://images.daisycon.io/airline/?width=140&height=27&iata={{ flight.airline_iata }}" /> {% endif %}  {%if flight.airport_origin_city %}<img src="https://flagsapi.com/{{ flight.airport_origin_country_code }}/flat/64.png" height="30"/>{% endif %}   {%if flight.airport_destination_country_code %}<img src="https://flagsapi.com/{{ flight.airport_destination_country_code }}/flat/64.png" height="30" />{% endif %}
          {{ flight.flight_number }} {{ flight.airport_origin_code_iata }}-{{ flight.airport_destination_code_iata }} / {{ flight.aircraft_model }}
          Altitude {{(flight.altitude * 0.3048)| round(0)}}m / Speed {{(flight.ground_speed * 1.852)| round(0)}}km/h / {{ flight.aircraft_registration }} </pre>
          {% endfor %}
3 Likes

I created a custom card to better visualize the flights from this integration

2 Likes