https://github.com/aurbano/maptweets
Displays tweets about a certain topic on a Google Maps map in real time
https://github.com/aurbano/maptweets
display-tweets geolocation javascript twitter-api
Last synced: 7 months ago
JSON representation
Displays tweets about a certain topic on a Google Maps map in real time
- Host: GitHub
- URL: https://github.com/aurbano/maptweets
- Owner: aurbano
- Created: 2013-01-23T11:20:25.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2015-06-16T13:13:30.000Z (over 10 years ago)
- Last Synced: 2025-01-18T15:51:29.005Z (9 months ago)
- Topics: display-tweets, geolocation, javascript, twitter-api
- Language: JavaScript
- Homepage: http://lab.nuostudio.com/maptweets/
- Size: 191 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
MapTweets
=========
> Display tweets about a certain topic on a Google Maps map in real time
**mapTweets** is a very small JavaScript "plugin" that will allow you to display in real time what people are saying about any topic you want.
It's live on [nuostudio's lab](http://lab.nuostudio.com/maptweets/), although you can simply clone the repo and open `index.html` in your browser.
##Requirements:##
mapTweets requires the following libraries and APIs to work:
- [jQuery](https://github.com/jquery/jquery)
- [Google Maps JavaScript API v3](https://developers.google.com/maps/)
- langCountries.js *(included)*
- countries.js *(included)*
*Note: mapTweets doesn't create the map, it takes it as a parameter.*
##Usage:##
There is not much configuration at the moment, all you have to do is include all required files and create a [new Google Maps map](https://developers.google.com/maps/documentation/javascript/tutorial).
Here is the usual code you would use to embed a map:
```javascript
var opts = {
zoom: 1,
center: new google.maps.LatLng(0, 0),
mapTypeId: google.maps.MapTypeId.ROADMAP
},
map = new google.maps.Map(document.getElementById('map'), opts),
```
Now you must initialize **mapTweets**, it requires the `map` handle and a topic to search for.
*Note: It doesn't start automatically, so you will have to call `start()`*
```javascript
var tweets = new mapTweets(map,'Github');
tweets.start();
```
Feel free to fork this project and help along!
- - - -
Licensed under the MIT license - Developed by [Alejandro U. Alvarez](http://urbanoalvarez.es)
[](https://github.com/aurbano)