EddieHubCommunity / EddieHubLive

Map to show EddieHub contributors
https://live.eddiehub.io
MIT License
47 stars 39 forks source link

Revolving Globe - showcasing the respective locations #90

Open Abbas-Hussain-Muzammil opened 1 year ago

Abbas-Hussain-Muzammil commented 1 year ago

Description

A revolving earth globe would look much better and more insightful than the existing flat map on EddiHub Live.

Screenshots

No response

Additional information

No response

amandamartin-dev commented 1 year ago

hey @Abbas-Hussain-Muzammil this is a really interesting idea. Can you add some more details about a potential approach? This project uses LeafletJS for the map implementation. So perhaps there is a good plugin that could be used? Let us know what you find after some investigation. Thank you for contributing to the project and welcome!

Abbas-Hussain-Muzammil commented 1 year ago

@amandamartin-dev, glad you liked the idea. I will soon share my findings...

Abbas-Hussain-Muzammil commented 1 year ago

@amandamartin-dev , similar to this below link, wherein we can put the comment location on the revolving globe.

https://www.amcharts.com/demos/rotating-globe/

Abbas-Hussain-Muzammil commented 1 year ago

hey @Abbas-Hussain-Muzammil this is a really interesting idea. Can you add some more details about a potential approach? This project uses LeafletJS for the map implementation. So perhaps there is a good plugin that could be used? Let us know what you find after some investigation. Thank you for contributing to the project and welcome!

@amandamartin-dev , I couldn't find any plugin related to the revolving globe on LeafletJS. Do you know any other way?

amandamartin-dev commented 1 year ago

@amandamartin-dev , similar to this below link, wherein we can put the comment location on the revolving globe.

https://www.amcharts.com/demos/rotating-globe/

With this one, is there the ability to have standard map tools? LIke a zoom, click on marker, add points dynamically?

amandamartin-dev commented 1 year ago

hey @Abbas-Hussain-Muzammil this is a really interesting idea. Can you add some more details about a potential approach? This project uses LeafletJS for the map implementation. So perhaps there is a good plugin that could be used? Let us know what you find after some investigation. Thank you for contributing to the project and welcome!

@amandamartin-dev , I couldn't find any plugin related to the revolving globe on LeafletJS. Do you know any other way?

I am not sure without checking, I will look around

Abbas-Hussain-Muzammil commented 1 year ago

Yes, we can add such details I guess.

@amandamartin-dev , similar to this below link, wherein we can put the comment location on the revolving globe. https://www.amcharts.com/demos/rotating-globe/

With this one, is there the ability to have standard map tools? LIke a zoom, click on marker, add points dynamically?

amandamartin-dev commented 1 year ago

@Abbas-Hussain-Muzammil I think until we have the full technical details worked out we should wait on this. But if you want to prototype in a branch, that's also fine for testing purposes.

Some things to keep in mind while researching this: We need to keep the existing leaflet map as this provides a way to see all points at once on zoom-out which a globe will not be able to. So this view can be a toggle On toggle to a globe view, the data must be maintained - it is provided via websocket We should be able to use the same image markers on the globe We should be able to click on the markers to reveal a popup We should be able to zoom in/out to see areas more closely

Let me know once you have found if all of the requirements can be met in the globe view with the chart library.

Abbas-Hussain-Muzammil commented 1 year ago

@Abbas-Hussain-Muzammil I think until we have the full technical details worked out we should wait on this. But if you want to prototype in a branch, that's also fine for testing purposes.

Some things to keep in mind while researching this: We need to keep the existing leaflet map as this provides a way to see all points at once on zoom-out which a globe will not be able to. So this view can be a toggle On toggle to a globe view, the data must be maintained - it is provided via websocket We should be able to use the same image markers on the globe We should be able to click on the markers to reveal a popup We should be able to zoom in/out to see areas more closely

Let me know once you have found if all of the requirements can be met in the globe view with the chart library.

Sure