Comments (1)
I like the idea of a map, in fact it was one of my first wishes for showing the results within HA. But it is not so easy to use a map based on the data from the JSON. See the documentation.
With regard to loading the map that can be found on your Dump1090 frontend: that is not possible either. The frontend of Dump1090 contains a lot of code that is needed to show the map and the list. Loading all this code into Home Assistant does not seem desirable to me. And using just a part (the map) of that page is also not possible, because it is dependent on each other. You'll have to stick to an iframe card loading the Dump1090 front-end if you want to use that map in HA.
I am thinking about using a static maps API in the popup. This could then replace the image of Planespotters, or it could be at the bottom of the popup.
With a static maps API a static image is generated (like any other image on the internet), so the plane will not move over the map like in the Dump1090 frontend. Also there are no map controls. The best known is the Google Maps Static API, but it does have some drawbacks:
- No free API, although for small consumption the free tier is probably enough;
- The map looks different from the standard map in HA.
A quick search for a static maps API based on OpenStreetMap also yields some results: https://wiki.openstreetmap.org/wiki/Static_map_images. I have to dig further into this.
I am also open to proposals for a different implementation. In that case, leave a comment, preferably with code examples and/or documentation.
from fr24_card.
Related Issues (20)
- [Feature Request] Dont include nulls option HOT 1
- Filter (e.g., distance < X, altitude < Y) HOT 3
- Origin/Destination airport codes HOT 16
- Enhance the Empty filter for Distance to filter "Unknown" aka "NaN" values HOT 15
- Adding a column for Aircraft Type? HOT 8
- e is undefined HOT 17
- Allow to filter by squawk HOT 1
- Pop up no longer works with updated browser-mod HOT 16
- Icon color based on altitude HOT 5
- Ground Vehicles switch HOT 6
- v1.0.0-alpha Built-in Pop-up missing Close button HOT 5
- Disable link to provider when required data is not available
- Width of popup exeeds window size on Android app HOT 1
- Split documentation in multiple files
- Make photo optional
- Config of popup should be an object HOT 4
- Minor 'bug' in English text HOT 1
- Add elevation angle above the horizon to columns HOT 3
- [Feature Request] Optional Title HOT 3
- Configurable table head colors (both background and text) HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fr24_card.