Tweet Map live
Free app for showing tweets on map in realtime, try it now!
Try it now!Info
The Tweet Map Live is a web application that shows tweets on a map in realtime. Only tweets with location data is shown (obviously).
If location in tweet is set to a place, say a city then tweet will be shown as comming from the
center of that place. If tweet have coordinates then those will be used.
All it does is streams all the tweets from Twitters streaming api to my server and then the server do filtering and some compute work and send the
tweets to the application.
Please note!
For best experience zoom in map a bit and/or set some word or #hashtag filters, else you will be hit by a "tweet storm"!
You have been warned ;) Have fun!
Additonally there might be some bugs i have not found yet,
but you might find them! ;)
How to use
Zoom in to your prefered zoom level and press the play icon.
This will stream tweets from the area that are visible, but ignorning the outermost 8% of the map to keep tweets more
in frame.
After u can zoom and pan however you want, the area for tweets will stay the same.
Press while still streaming to select the current area of the map as the new area
to get tweets from.
When streaming the play icon will change to a stop icon. Pressing it will stop the streaming. Play icon
will turn red for some second to indicate that you will need to wait before can start the stream again.
You can press the trash icon at any time to clear the screen of tweets.
As
default thre will be at most 20 tweets on the screen at the same time. The oldest will disappear and a new one will be shown.
This can be changed by pressing the settings icon and change
the slider.
Here can also set word/#hashtag filters. At most 6 filters can be applied. These works as "or" filters, menaing tweets containing any of the filter words will be shown.
Map style can also be changed
in settings to your prefered style.
By saving settings the map style and tweets on screen settings will be saved so you do not have to set it the next time you visit the app.
Changes to settings will be applied imidediately!
Press to start the stream
Starts the streaming of tweets.
Press to clear the screen
Removes all tweets from screen
Press to stop the stream
Stops the streaming of tweets
Press to update tweet location
While streaming updates the area of where you get tweets from. This is used if your move or zoom the map and want tweets from the new visible area.
Made with
The front end, ie the application is made with html, javascript, css and also uses Bootstrap 4 for some parts, like modals. All icons are from Font Awesome 4.7. It uses Socket.io for communication with the backend server. Mapbox GL
is used for the maps.
The backend is made with Node.js and uses the helper libraries Express, Socket.io, Geolib, and Twit.
This webpage was made with help of Bootstrap Studio, cuz im lazy and dont like writing
css ;)
All this is then served to the web with a Nginx webserver running as reverse proxy for the server communication